【译文】JavaScript 打开新窗口

窗体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()">单击这里打开新窗体</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 newWindow1() {
      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="newWindow1()">单击这里打开新窗体</button>
    </form>
  </body>
</html>

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

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



此条目发表在博客, 服务器, 程序开发, 计算机安全分类目录,贴了, , , , , 标签。将固定链接加入收藏夹。