<p style="text-align: center">
Window 浏览器:
@H_502_2@> 1.外部对象就是浏览器提供的API -- **BOM**@H_502_2@
> 2.这些对象由w3c规定,由浏览器开发者设计并开发@H_502_2@
> 3.这些对象分为2部分,其中BOM包含了DOM@H_502_2@
> 4.我们可以通过js访问这些对象@H_502_2@
# 外部对象
@H_502_2@> BOM (Browser Object Model)@H_502_2@
浏览器对象模型,用来访问和操纵浏览器窗口,是JavaScript有能力与浏览器对话。@H_502_2@
> DOM (Document Object Model)@H_502_2@
文档对象模型,用来操作文档。@H_502_2@
##1.对话框
@H_502_2@- alert(str) - 提示对话框,显示str字符串的内容@H_502_2@
- confirm(str) - 确认对话框,显示str字符串的内容 - 按"确定"按钮返回true,其他操作返回false@H_502_2@
>案例@H_502_2@
## 2. 定时器
@H_502_2@- 多用于网页动态时钟,制作倒计时,跑马灯效果@H_502_2@
- 周期性时钟@H_502_2@
- setInterval(exp,time);
@H_502_2@
- 返回已经启动的定时器对象@H_502_2@
- 停止启动的定时器@H_502_2@
- clearInterval(tID)
@H_502_2@
- tID:启动的定时器对象@H_502_2@
- 一次性时钟@H_502_2@
- 在一个设定的时间间隔之后来执行代码,而不是在函数被调用后执行@H_502_2@
- setTimeout(exp,time);
@H_502_2@
- 停止启动的定时器@H_502_2@
- clearTimeout(tID)
@H_502_2@
- tID:启动的定时器对象@H_502_2@
> 案例@H_502_2@
1)周期性定时器@H_502_2@
2)一次性定时器@H_502_2@
## 3. 常用属性
@H_502_2@- screen 对象@H_502_2@
- 包含有关客户端显示屏幕的信息 - 常用于获取屏幕的分辨率和色彩 - 常用属性: - width height - availWidth availHeight@H_502_2@
- history对象@H_502_2@
- length属性:浏览器历史列表中的URL数量@H_502_2@
- back(); - forwird();@H_502_2@
- location对象@H_502_2@
- 包含有关当前URL的信息@H_502_2@
- href属性:当前窗口正在浏览的网址地址@H_502_2@
- reload():重新载入当前网址,相当于刷新@H_502_2@
- navigator 对象@H_502_2@
- 包含有关浏览器的信息@H_502_2@
- 常用于获取客户端浏览器和操作系统的信息@H_502_2@
> 案例@H_502_2@
## DOM@H_502_2@
### DOM操作
@H_502_2@- 查找节点 - 读取节点信息 - 修改节点信息 - 创建节点信息 - 删除节点@H_502_2@
- 节点信息@H_502_2@
- nodeName:节点名称 - nodeType:节点类型@H_502_2@
- (1) 读取节点
@H_502_2@增删节点@H_502_2@ var p1 = document.getElementById("p1"); console.log(p1.nodeName); console.log(p1.nodeType);
- 双标签中间的文本叫内容,任何双标签都有内容 - innerHTML:包括子标签信息 - innerText:忽略子标签 @H_502_2@
- 读写节点的值@H_502_2@
- 表单控件中的数据叫值,只有如下表单控件才有值: - input - select - textarea@H_502_2@
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,同时也希望多多支持编程之家!@H_502_2@