1.物料清单介绍。
所谓的物料清单就是浏览器对象模型。BOM赋予JS操作浏览器的能力,也就是窗口操作。然后用DOM创建删除节点,操作HTML文档。BOM没有正式的标准,导致不同浏览器对BOM方式的支持不同。因此,具体问题需要处理。
2.窗口对象。
窗口对象是BOM的核心,是指当前的浏览器窗口。所有JS全局对象、函数和变量都属于窗口对象。全局变量是窗口对象的属性。全局函数是窗口对象的方法。即使是DOM的文档也属于窗口对象的属性之一,但大多数情况下可以忽略不写。
窗口对象方法:
3.窗口操作。
(1)、打开窗户。
Open()方法可以用来打开一个新窗口。
语法:window.open(url、名称/目标、窗口设置、替换)。
此方法的所有三个参数都是可选的,默认情况下会在新页面中打开一个空白页。第一个参数设置打开窗口的路径。第二个参数指定在哪里打开新窗口,也可以用来指定窗口的名称。第三个参数设置窗口参数,多个参数可以用逗号分隔。如果有第一个参数,后两个参数可以省略,它会在新的页面上打开。一般不需要设置第二个参数。如果要指定窗口的参数,则必须有第二个参数,该参数必须为' _blank '或替换为'',并且与屏幕顶部的距离不能为0,否则将变为无效。如果设置了左侧距离,顶部可以设置为0。最后一个参数指定加载到窗口中的网址是在窗口的浏览历史中创建一个条目,还是替换浏览器历史中的当前条目。该值为真或假,为真时,URL将替换浏览历史记录中的当前条目,为假时,URL将在浏览历史记录中创建一个新条目。
下表是一些常用的窗口设置参数:
示例:点击按钮,在新窗口打开百度首页,宽600,高400,距屏幕顶部0像素,距屏幕左侧10像素。
正文输入类型=' button ' onclick=' new win()' value='点击我打开新窗口!'脚本函数newWin(){ window . open(' http://www . Baidu.com ',' _blank ',' width=,height=,top=,left=');} /script /body此实例不在IE下打开自定义窗口,而是打开一个新的选项卡。
如果在脚本中直接打开一个新窗口,会直接截取为Chrome和FF下的广告弹出窗口,但在IE下可以正常显示。360浏览器的极速模式使用Chrome内核,兼容模式使用IE内核。360浏览器用户比较多,这里就不描述了。只要其他浏览器运行正常,他就没有问题。
脚本窗口. open();window . open(' http://Baidu.com ');/script实例:获得焦点和失去焦点。
正文输入类型='button '值=' get focus' onclick='openWin()'脚本//确保新窗口获得焦点:函数openwin () {varoget=window.open(','',' width=,height=');OGet.document.write('p我是新打开的窗口/p ');oget . focus();}/script输入类型=' button' value='失焦' onclick='newWin()' script //确保新窗口没有获得焦点:function new win(){ var lost=window . open(',',',width=,height=');Lost.document.write ('p我是新打开的窗口/p ');lost . blur();} /script /body实例:返回新打开的窗口的名称。
正文输入类型='button '值=' open' onclick=' openwin()'脚本函数openwin(){ var new win=window . open(',' newwindow ',' width=,height=');New win.document.write ('pNew窗口名称:' new win . name '/p ');} /script /body实例:打开一个新窗口并将信息传递给父窗口。
正文输入类型