BOM：Browser Object Model 浏览器对象模型
1.Navigate：浏览器对象
2.Screen：屏幕对象
3.window：窗口对象
* 方法：
alert() 弹出警告框
【重点】confirm() 确认取消框 确认true 取消false
prompt() 修改框
open() 打开新窗口 返回值是一个新窗口对象
close() 关闭窗口
一次性定时器：
setTimeOut(参数1,参数2) 参数1：js代码 参数2：毫秒值 达到指定毫秒，自动执行js代码。 会返回定时器编号
clearTimeOut(参数); 参数：定时器编号。 取消指定的定时器
循环定时器：
setInterval(参数1,参数2); 参数1：js代码 参数2：毫秒值 达到指定毫秒，自动执行js代码。 会返回定时器编号
clearInterval(参数) 参数：定时器编号。 取消指定的定时器
* 属性
navigate
screen
location
history
* 练习：
04_Window对象.html
05_案例2_轮播图.html
4.Location：地址栏对象
* 方法：
reload() 刷新当前页面
* 属性：
href 跳转的url路径地址
* 练习：
06_Location对象.html
07_案例3_自动跳转.html
5.History：当前窗口历史记录对象
* 方法：
back() 后退到前一个页面
forward() 前进到后一个页面
go(数字) 根据传递的数字来进行前进或后退页面
* 属性：
length 获取当前页面历史记录的个数
* 练习：
08_History对象.html
DOM：
DOM：Document Object Model 文档对象模型
1. Document 文档对象
* 获取方法
根据id值来获取指定的元素对象：getElementById()
根据标签名称来获取多个元素对象：getElementsByTagName()
根据class属性来获取多个元素对象：getElementsByClassName()
根据name属性值来获取多个元素对象：getElementsByName() 常用于表单项中的单选、复选~~~
* 创建方法
创建标签对象：createElement()
创建属性对象：createAttribute()
创建文本对象：createTextNode()
* 练习：
10_Document对象.html
2. Element 元素对象
* 方法
添加属性：setAttribute(属性名,属性值);
删除属性：removeAttribute(属性名);
* 练习：
11_Element对象.html
添加删除属性.html
3. Node 节点对象
* 方法
添加元素对象：appendChild()
删除元素对象：removeChild()
* 属性
获取当前元素的父元素：parentNode
* 练习：
12_Node对象.html
13_案例4_动态表格.html
4. innerHTML
改变内容：对象名.innerHTML = "内容";
追加内容：对象名.innerHTML += "内容";
* 练习
14_HTMLDOM_innerHTML.html
5. 样式控制
第一种：对象名.style.样式属性 = 属性值;
第二种：对象名.className = css样式控制选择器名称;
* 练习：
15_HTMLDOM_控制样式.html |
|
收藏
淘帖
踩
