JavaScript Window.open() 方法参数详解

最新推荐文章于 2024-06-29 12:13:13 发布

流年似水的wanglf

最新推荐文章于 2024-06-29 12:13:13 发布

阅读量1.4k

点赞数 1

分类专栏： JavaScript 文章标签： JavaScript window.open方法

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1, 最基本的弹出窗口代码
window.open('page.html');

2, 经过设置后的弹出窗口
   window.open('page.html', 'newWindowName', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')   //该句写成一行代码
   参数解释：
      window.open 弹出新窗口的命令；
　　'page.html' 弹出窗口的文件名；
　　'newWindowName' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
　　height=100 窗口高度；
　　width=400 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值；
　　toolbar=no 是否显示工具栏，yes为显示；
　　menubar，scrollbars 表示菜单栏和滚动栏。
　　resizable=no 是否允许改变窗口大小，yes为允许；
　　location=no 是否显示地址栏，yes为允许；
　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

3, 用函数控制弹出窗口
    下面是一段完整的代码
      <html>
　　<head>
　　<script LANGUAGE="JavaScript">
　　
　　</script>
　　</head>
　　<body οnlοad="openwin()">
　　任意的页面内容...
　　</body>
　　</html>
   解释：这里定义了一个函数openwin(), 函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢？

   方法一：<body οnlοad="openwin()"> 浏览器读页面时弹出窗口；
   方法二：<body οnunlοad="openwin()"> 浏览器离开页面时弹出窗口；
   方法三：用一个连接调用：
              <a href="#" οnclick="openwin()"> 打开一个窗口</a>
              注意：使用的"#"是虚连接。
   方法四：用一个按扭调用：
               <input type="button" οnclick="openwin()" value="打开窗口" />