一、window.open方法简介
在网页中打开新窗口的方法主要是通过window对象的open()方法实现。该方法具有打开新窗口、在已经存在的网页中打开一个新窗口、在已经存在的窗口中打开一个新的文档等多种功能。
window.open(strUrl, strWindowName, [strWindowFeatures]);
此处的strUrl表示要在新窗口中打开的网页的地址,strWindowName是窗口的名称,strWindowFeatures是一个以逗号分隔的字符串,表示新窗口的一些属性。
二、打开新窗口
下面是打开一个新窗口的示例代码:
点击按钮即可在新窗口中打开百度。如果想要指定窗口的大小和位置,可以在open()方法的第三个参数中设置相关属性:
上面的代码指定了窗口的宽度为800像素、高度为600像素,距离屏幕左侧和顶部的距离分别为200像素和100像素。
三、在已有窗口中打开新文档
如果想要在已经存在的窗口中打开新的文档,可以通过window对象的location属性实现:
上面的代码打开谷歌和在已有窗口中打开百度分别通过不同的方法实现:打开谷歌是通过window.open()方法打开新窗口,而在已有窗口中打开百度则是通过window对象的opener属性获取到原来的窗口,并在该窗口中打开新的文档。
四、小结
本文主要介绍了通过window对象的open()方法在网页中打开新窗口的方法,并提供了打开新窗口、在已经存在的网页中打开新窗口、在已经存在的窗口中打开新的文档等多种示例。当然,除了以上介绍的方法之外,还可以通过iframe标签嵌入网页等方式实现打开新窗口的效果,读者可以根据具体情况选择合适的方法。