第一章 变量 数据类型 常用获取元素的方式

语法构成

 1. 区分大小写 所有变量 函数 属性都区分大小写 并且都是英文状态下的输入（半角）
 2. 不能把关键字、保留字作为标识符（变量名、函数名、属性名）
 3. 标识符由字母、数字、下划线_和美元符号$ 组成 ，不能以数字开头

常见的关键字

常见的保留字

---

JS的执行顺序

• js中常见的两种调试方式

  • alert（）弹框
  • console.log() 控制台输出
• 执行顺序 从上到下依次执行 页面中可以不止一个<script>标签
• window.onload() 等待页面加载完成
• <img/>图片存在一个load事件 图片分为显示过程和加载过程 图片中的width 和height是需要写的 而且要写图片的原始大小 搜索引擎按照图片的原始大小进行等比例压缩 css样式中!important表示将该属性的优先级提升为最高。

---

引入外部JS文件

<script src="js文件路径"></script>

---

数据类型

JS有六种数据类型


 1. 简单数据类型

     1. string
     2. number
     3. boolean
 2. 引用数据类型

     1. object
     2. function
 4. 未定义

     undefined

---

    JS是若类型语言 可以保存任何一种数据类型 定义变量使用var操作符 后跟变量名称

    typeof 可以查看变量是哪种类型的，该方法的返回值是string
    null属于object类型   undefined属于undefined类型

---

特殊现象：

var name;
alert(name);//此时弹出空 不是null

var myName;
alert(myName);//此时弹出的是undefined

原因：firefox,chrome中都给函数定义了一个非标准的name属性，通过这个属性 可以访问到该函数指定的名字 因此在这些浏览器中不能使用name作为变量名

---

获取元素的方式

1. 通过id名称 document.getElementById(id);
2. 通过标签名 document.getElementsByTagName(tagName);
3. 通过类名 document.getElementsByClassName(className);
4. 通过css样式 document.querySelector()#id .class div等

5. document.querySelectoeAll()

   兼容问题：后三者在ie9以上的版本中有效

---

1. innerHtml() 获取标签 能够识别标签
2. innerText() 获取文本 无法识别标签
3. outerHtml()单纯获取可以 但赋值时会把节点删除
4. outerText()同上
5. document.write();该方法要避免写到window.onload()中 它会造成把body中的内容全部清空的现象。