BOM浏览器对象模型.docx

《BOM浏览器对象模型.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、优选web前端培训教程：BOM浏览器对象模型BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规X，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM本身是没有标准的或者还没有哪个组织去标准它。一．window对象BOM的核心对象是window，它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层，对于每个打开的窗口，系统都会自动为其定义window对象。17/17优选1.对象的属性和方法window对象有一系列的属性，这些属性本身也是对象。17/17优选window下的属性和方法，

2、可以使用window.属性、window.方法()或者直接属性、方法()的方式调用。例如：window.alert()和alert()是一个意思。2.系统对话框浏览器通过alert()、confirm()和prompt()方法可以调用系统对话框向用户显示信息。系统对话框与浏览器中显示的网页没有关系，也不包含HTML。//弹出警告alert('Lee');//直接弹出警告17/17优选//确定和取消confirm('请确定或者取消');//这里按哪个都无效if(confirm('请确定或者取消')){//confirm本身有返回值alert('您按了确定！');//按确定

3、返回true}else{alert('您按了取消！');//按取消返回false}//输入提示框varnum=prompt('请输入一个数字',0);//两个参数，一个提示，一个值alert(num);//返回值可以得到//调出打印及查找对话框print();//打印find();//查找defaultStatus='状态栏默认文本';//浏览器底部状态栏初始默认值status='状态栏文本';//浏览器底部状态栏设置值3.新建窗口17/17优选使用window.open()方法可以导航到一个特定的URL，也可以打开一个新的浏览器窗口。它可以接受四个参数：1.要加载的U

4、RL；2.窗口的名称或窗口目标；3.一个特性字符串；4.一个表示新页面是否取代浏览器记录中当前加载页面的布尔值。open('.baidu.');//新建页面并打开百度open('.baidu.','baidu');//新建页面并命名窗口并打开百度open('.baidu.','_parent');//在本页窗口打开百度,_blank是新建PS：不命名会每次打开新窗口，命名的第一次打开新窗口，之后在这个窗口中加载。窗口目标是提供页面的打开的方式，比如本页面，还是新建。17/17优选//第三参数字符串open('.baidu.','baidu','width=400,hei

5、ght=400,top=200,left=200,too...);//open本身返回window对象varbox=open();box.alert('');//可以指定弹出的窗口执行alert();//子窗口操作父窗口document.onclick=function(){opener.document.write('子窗口让我输出的！');}3.窗口的位置和大小用来确定和修改window对象位置的属性和方法有很多。IE、Safari、Opera和Chrome都提供了screenLeft和screenTop属性，分别用于表示窗口相对于屏幕左边和上边的位置。Firefo

6、x则在screenX和screenY属性中提供相同的窗口位置信息，Safari和Chrome也同时支持这两个属性。//确定窗口的位置,IE支持alert(screenLeft);//IE支持17/17优选alert(typeofscreenLeft);//IE显示number，不支持的显示undefined//确定窗口的位置,Firefox支持alert(screenX);//Firefox支持alert(typeofscreenX);//Firefox显示number,不支持的同上PS：screenX属性IE浏览器不认识，直接alert(screenX)，screen

7、X会当作一个为声明的变量，导致不执行。那么必须将它将至为window属性才能显示为初始化变量应有的值，所以应该写成：alert(window.screenX)。//跨浏览器的方法varleftX=(typeofscreenLeft=='number')?screenLeft:screenX;vartopY=(typeofscreenTop=='number')?screenTop:screenY;窗口页面大小，Firefox、Safari、Opera和Chrome均为此提供了4个属性：innerWidth和innerHeight，返回浏览