窗体open() 方法

使用JavaScript可以打开一个新窗体。window.open() 方法,允许你不离开当前页面而打开一个新窗口。想弹出宣传广告或指示,而不用离开当前的窗口,用这个方法非常有用。为了打开一个新窗口,就用这个 window.open() 方法。

语法

window.open( sURL, windowName, "attributes");

源码

<html>
<head>
<script type="text/javascript">
function newWindow() {
var newWindow = window.open("", "", "width=300, height=300");
}
</script>
</head>
<body>
<form>
<button onclick="newWindow()">Click here to open New Window</button>
</form>
</body>
</html>

在上面的代码,返回值存储在变量newWindow里,这个变量是对新窗口的引用。后面,可以使用这个引用,例如关闭这个新窗口(newWindow.close()),让窗口获得焦点(newWindow.focus()) ,或者完成其他的窗口操作。

window.open()方法非常重要的参数是:url, name, left, top, height 和width。 另外的参数是:toolbar, menubar, scrollbars 和resizable。

源码

<html>
<head>
<script type="text/javascript">
function newWindow() {
var newWindow = window.open("http://net-informations.com", "_blank", "top=100, left=100, width=800, height=500, menubar=yes,toolbar=yes, scrollbars=yes, resizable=yes");
}
</script>
</head>
<body>
<form>
<button onclick="newWindow()">Click here to open New Window</button>
</form>
</body>
</html>

一般仅使用前三个参数去打开一个新的弹出窗口。需要注意,如果用户关闭了浏览器的JavaScript支持,则不能弹出新窗口。因为各种浏览器的策略和用户的设置,有可能阻止你弹出新窗口。 而且现在的很多浏览器都有弹窗拦截软件,以防止行销目的的技术滥用。

在早期,弹窗类型被大量的网站使用,导致了以后的浏览器都有弹窗拦截。甚至,现在弹窗几乎被消灭了。如今,自动的打开弹窗是一个不太好的实践。

原文链接