重生之我在地球Online学JAVA day02 - 编程导航 | 一线开发者编程经验和技术实战分享

1、JS引入方式内部脚本：将JS代码定义在html页面的< script>< /script>中；建议：将< script>< /script>放在< body>的底部；外部脚本：将JS代码定义在js文件中，通过< script>< /script>标签引入；注意：通过< script>标签引入外部js文件时，标签不可以自闭合。 2、JS变量（1）特点：JS是弱类型语言，变量可以存放不同类型的值。（2）声明：var：声明变量，全局作用域/函数作用域，允许重复声明； let：声明变量，块级作用域，不允许重复声明； const：声明常量，一旦声明，常量的值不能改变。 3、运算符（注意）：== 会进行类型转换，=== 不会进行类型转换 4、函数定义方式（2中）（1）var functionName = function (参数1,参数2..){//要执行的代码} （2）function functionName(参数1,参数2..){//要执行的代码} 5、JS对象：（1）Array数组（注意）：JavaScript 中的数组相当于 Java 中集合，数组的长度是可变的，而 JavaScript 是弱类型，所以可以存储任意的类型的数据。箭头函数(ES6)：是用来简化函数定义语法的。具体形式为: (…) => { … } ，如果需要给箭头函数起名字： var xxx = (…) => { … } （2）JS自定义对象格式： var 对象名 = { 属性名1: 属性值1, 属性名2: 属性值2, 属性名3: 属性值3, 函数名称: function(形参列表){} }; （3）JSON介绍概念：JavaScript Object Notation，JavaScript对象标记法。 JSON 是通过 JavaScript 对象标记法书写的文本。 定义格式： var 变量名 = '{"key1": value1, "key2": value2}'; （4）BOM对象概念：Browser Object Model（浏览器对象模型），允许JavaScript与浏览器对话， JavaScript 将浏览器的各个组成部分封装为对象。 1）Window：浏览器窗口对象； 2）Navigator：浏览器对象； 3）Screen：屏幕对象； 4）History：历史记录对象； 5）Location：地址栏对象；（5）DOM对象概念：Document Object Model （文档对象模型）。将标记语言的各个组成部分封装为对应的对象： 1）Document：整个文档对象 2）Element：元素对象 3）Attribute：属性对象 4）Text：文本对象 5）Comment：注释对象 6）HTML中的Element对象可以通过Document对象获取，而Document对象是通过window对象获取的。 Document对象中提供了以下获取Element元素对象的函数：根据id属性值获取，返回单个Element对象 var h1 = document.getElementById('h1'); 根据标签名称获取，返回Element对象数组 var divs = document.getElementsByTagName('div'); 根据name属性值获取，返回Element对象数组 var hobbys = document.getElementsByName('hobby'); 根据class属性值获取，返回Element对象数组 var clss = document.getElementsByClassName('cls');