JavaScript—ECMAScript、BOM、DOM

一个容易混淆的概念：JavaScript和Java毫无关系。

JavaScript组成——ECMAScript、BOM、DOM。

ECMAScript描述了以下内容：语法、类型、语句、关键字、保留字、运算符、对象。

DOM 全称是 Document Object Model，也就是文档对象模型

文档：标记型文档（HTML等）。
作用：DOM将标记型文档中所有内容（标签、文本、属性）都封装成对象，通过操作对象的属性或者方法，来达到操作或者改变HTML展示效果的目的。

BOM（Browser Object Model）：
浏览器对象模型
作用：用来执行浏览器的操作。
一般情况下，window是BOM对象，location也是BOM的一个对象。

BOM的使用：

①警告框：alert()
②确认框：confirm()
//有返回值，boolean类型，点击确定—true
点击取消—false
var flag = confirm("是否删除");
alert(flag);
③定时器：
启动循环定时器——setInterval(调用方法,毫秒值)
循环定时器，调用一次就会创建并循环执行一个定时器
setInterval("run1",2000);//每2s执行一次run1方法
取消循环计时器
clearInterval(循环定时器的ID)
启动一次性定时器
setTimeout(调用方式，毫秒值)
取消一次性定时器
clearTimeout(i计时器ID)

④Location对象
location对象包含浏览器、地址栏的信息
常用属性
href 设置活返回完整的URL
设置href属性，浏览器就会跳转到对应的路径
location.href = "demo.html"
location.href = "http://www.baidu.com";

DOM使用：
//通过ID获取对应元素
document.getElementByID();
//通过name属性获取所有元素
document.getElementsByName();
//通过标签名获取所有元素
document.getElementsByTagName();
//通过class属性值获取所有元素
document.getElementsByClassName();

value
元素对象.value 获取元素对象的value属性值
className
元素对象.className 获取元素对象的class属性值
元素对象.className = 属性值（设置class属性值）
checked
元素对象.checked获取元素对象的checked属性值
元素对象.checked= 属性值（设置checked属性值）
注：HTML中checked=”checked“，JavaScript中返回true，false
修改单选/复选的选中与否
innerHTML
标签的内容
<span id="s1">今天天气好晴朗</span>
<script>
//想要获取span标签的内容体
var s1=document.getElementById("s1");
alert(s1.innerHTML);
//设置span标签的内容
s.innerHTML="ok";
//在"ok"后面加上sss
s.innerHTML += "sss";
</script>