您的位置:首页 > 运维架构

window.open()方法的使用

2015-05-11 15:36 309 查看
window.open()方法即可以导航到一个指定的URL,也可以打开一个新的浏览器窗口。

window.open()方法可以接4个参数:要加载的URL、窗口目标、一个特定字符串以及一个表示新页面是否取代浏览器历史记录当中当前加载页面的布尔值。通常只需传递第一个参数,最后一个参数只在不打开新窗口的情况下使用。

如果为window.open()方法传递第二个参数,而且该参数是已有窗口或框架的名称,那么就会在具有该名称的窗口或框架中加载第一个参数指定的URL,如:

//等同于<a href="http://www.baidu.com" target="topFrame"></a>

window.open("http://www.baidu.com","topFrame");

弹出窗口

如果给window.open()方法传递的第二个参数并不是一个已经存在的窗口或框架,那么该方法就会根据第三个参数位置上传入的字符串创建一个新窗口或新标签页,如果没有第三个参数,那么会打开一个带有全部默认设置的新浏览器窗口,在不打开新窗口的情况下,就会忽略第三个参数。第三个参数是一个逗号分隔的设置字符串,表示在新窗口中都显示哪些特性。下图包含了可以出现在这个字符串中的设置选项。



代码示例:var baiduWin=window.open("http://www.baidu.com","baiduWindow","height=400,width=400,top=100,left=100,resizable=yes");

        baiduWin.resizeTo(500,500);//调整窗口的大小

        baiduWin.moveTo(150,150);//移动窗口的位置


    baiduWin.close();//关闭窗口(此方法只适用open()方法打开的窗口,对于浏览器的主窗口必须得到用户的允许才能关闭)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  open url