传智播客：JavaScript BOM模型+练习
BOM模型
BOM:browser object model(浏览器对象模型)
通过BOM技术可以模拟浏览器对页面进行各种操作
1. window对象
1） 属性：innerWidth, innerHeight
是窗口的有效宽度和有效的高度
2） 弹出消息方法：alert(), prompt(), confirm()
window.alert(“内容”) 弹出一个提示信息
window.prompt(“提示信息”)； 弹出一个输入框
window.confirm(“确认的信息”);
如果单击确定 ，结果是true ，单击取消 结果是false
window的三个弹出窗口
3） 窗口开关方法：open(),
window.open(“url”,”name1”，”options”)
url 窗口中显示的内容
name 给链接中target用的
options 窗口的参数
width 窗口的宽度 height 窗口的高度 left窗口距屏幕的左边距离 ，top距上边的距离
4） close() 关闭 链接 js的魅力
关闭当前的窗口 window.close()
firefox 如果关闭不可以用
5） 创建定时器方法：
一次性定时器
语法：window.setTimeout(“函数名()”,毫秒);
间隔多少毫秒 ，调用一个函数
反复性定时器
语法：window.setInterval(“函数名()”,毫秒)
间隔相应的毫秒数，就调用一次函数 ，反复调用
2. screen对象
宽高：width,height,
3. navigator对象
Navigator 对象包含有关浏览器的信息。
属性：appName
属性：userAgent
4. history对象
历史记录
方法：back()
注意：单击某个页面跳转到那个页面之后返回
1. 1.html中的代码
2. 2.html中的代码
5. location对象
属性：href
方法：reload()
reload()刷新
重点
DOM技术：
php里边有：php语言 与 xml/html标签之间沟通的一个桥梁。
javascript里边有：js语言 与 html/xml标签之间沟通的一个桥梁
浏览器对象模型和dom 文档对象模型 链接 document
1. dom操作
如何通过dom获取网页的中的标签对象
ｉｄ方法
<标签 属性=”属性值” id=”属性值”> 都是网页文档的对象
本文档为【传智播客：JavaScript BOM模型 练习】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。
该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。
[版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
浙公网安备 33021202002483