JavaScript中Window.open参数_noreferrer标签资源-CSDN下载

需积分: 36 94 浏览量 2011-12-19 14:38:52 上传评论 1 收藏 43KB DOC 举报

JavaScript中Window.open参数详解 1、最基本的弹出窗口代码 2、经过设置后的弹出窗口 3、用函数控制弹出窗口 4、同时弹出2个窗口 5、主窗口打开文件1.htm，同时弹出小窗口page.html ... ### JavaScript中Window.open参数详解 #### 1. 最基本的弹出窗口代码在Web开发中，`window.open` 方法是非常实用的一个功能，它可以用来创建一个新的浏览器窗口或标签页，并加载指定的URL。最简单的使用方式如下： ```javascript <SCRIPT LANGUAGE="javascript">  </SCRIPT> ``` 这段代码中的 `<SCRIPT>` 和 `</SCRIPT>` 是用于包裹JavaScript代码的标签，而 `` 是为了兼容一些老旧的浏览器，这些浏览器可能会直接将代码作为文本显示出来，因此在这些浏览器中，注释可以避免这种情况发生。 - `window.open('page.html')`: 这行代码的作用是打开一个名为 `page.html` 的新窗口。如果该文件不在与主页面相同的目录下，则需要提供完整的路径，包括绝对路径（例如 `http://example.com/page.html`）或者相对路径（例如 `../subfolder/page.html`）。 - 单引号 `'` 和双引号 `"` 都可以使用，但需要保持一致，不能混用。这段代码可以放置在HTML文档的任意位置，无论是 `<head>` 标签内还是 `<body>` 标签内，不过一般推荐放置在 `<body>` 内部，这样可以确保页面元素加载完成后再执行弹窗操作。 #### 2. 经过设置后的弹出窗口除了打开一个新窗口外，我们还可以通过添加额外的参数来自定义新窗口的各种属性。例如： ```javascript <SCRIPT LANGUAGE="javascript">  </SCRIPT> ``` 这里的参数有： - `'page.html'`: 打开的文件名。 - `'newwindow'`: 新窗口的名称，用于标识这个窗口，不是文件名，可以为空。 - `height=100`: 设置窗口的高度为100像素。 - `width=400`: 设置窗口的宽度为400像素。 - `top=0`: 设置窗口顶部距离屏幕顶部的位置为0像素。 - `left=0`: 设置窗口左边距屏幕左边的位置为0像素。 - `toolbar=no`: 不显示工具栏。 - `menubar=no`: 不显示菜单栏。 - `scrollbars=no`: 不显示滚动条。 - `resizable=no`: 禁止调整窗口大小。 - `location=no`: 不显示地址栏。 - `status=no`: 不显示状态栏信息。 #### 3. 用函数控制弹出窗口有时候我们需要根据不同的条件或用户操作来打开窗口，这时就可以使用函数来实现。示例代码如下： ```html <html> <head> <script LANGUAGE="JavaScript">  </script> </head> <body onload="openwin()"> 任意的页面内容 </body> </html> ``` 在这个例子中： - `function openwin() {...}`: 定义了一个名为 `openwin` 的函数，函数内部调用了 `window.open` 方法。 - `<body onload="openwin()">`: 当页面加载完成后自动调用 `openwin` 函数。此外，还有其他几种调用方法： - **方法二**：在页面卸载时调用 `<body onunload="openwin()">`。 - **方法三**：通过链接调用 `<a href="#" onclick="openwin()">打开一个窗口</a>`，其中 `"#"` 表示虚链接，点击链接后不会导航到任何地方。 - **方法四**：通过按钮调用 `<input type="button" onclick="openwin()" value="打开窗口">`。 #### 4. 同时弹出两个窗口在某些场景下，可能需要同时打开多个窗口，只需要在一个函数中多次调用 `window.open` 方法即可。例如： ```javascript <script LANGUAGE="JavaScript">  </script> ``` 通过这种方式，我们可以自定义每个窗口的位置、大小和其他属性，使得它们可以相互独立地显示在屏幕上。

资源推荐

资源评论