window.open参数详解.txt_window.opentext文件乱码资源-CSDN文库

需积分: 44 97 浏览量 2007-08-14 13:39:49 上传评论收藏 3KB TXT 举报

### window.open()函数详解在Web开发中，`window.open()`是一个非常实用的JavaScript函数，用于在新的浏览器窗口或标签页中打开一个指定的URL。它不仅能够打开新窗口，还可以控制新窗口的属性，如大小、位置以及是否显示工具栏、菜单栏等。本文将深入解析`window.open()`函数的各个参数及其用法。 #### 函数基本结构 `window.open`函数的基本调用格式如下： ```javascript window.open(url, name, features); ``` 其中： - `url`：（必需）一个字符串，表示新窗口要加载的文档的URL。 - `name`：（可选）一个字符串，表示新窗口的名称，可以用来标识这个窗口，以便后续操作。如果为空，则浏览器会自动分配一个名字。 - `features`：（可选）一个字符串，用于描述新窗口的特性，如大小、位置、滚动条等。 #### 参数详解 1. **`url`参数**：这是唯一一个必需的参数，用于指定新窗口要加载的页面地址。如果当前页面与目标页面在同一域名下，可以直接使用相对路径；如果不是，则需要提供完整的URL，包括协议头（如`http://`或`https://`）。 2. **`name`参数**：此参数用于标识新打开的窗口。当指定一个名称时，如果有同名的窗口已经存在，`window.open()`将不会创建新窗口，而是切换到已存在的那个窗口。这在处理弹出窗口或重用特定窗口时非常有用。如果未指定`name`，或者将其设为`_blank`，则会打开一个新的、未命名的窗口。 3. **`features`参数**：这是一个用于描述新窗口特性的字符串，可以包含多个键值对，键值之间用逗号分隔。常见的键值对有： - `height`和`width`：分别表示窗口的高度和宽度。 - `top`和`left`：表示窗口相对于屏幕顶部和左侧的位置。 - `toolbar`、`menubar`、`scrollbars`、`resizable`、`location`、`status`：分别表示是否显示工具栏、菜单栏、滚动条、是否可调整大小、是否显示地址栏、是否显示状态栏。例如，以下代码创建了一个高度为100px、宽度为400px，且不显示任何工具栏、菜单栏、滚动条等的新窗口： ```javascript window.open('page.html', 'newwindow', 'height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no'); ``` #### 示例代码分析在给定的部分内容中，我们看到了如何在网页加载时自动打开一个新窗口，并且如何通过函数来动态控制这一过程。例如： ```html <body onload="openwin()"> ``` 这段代码表示，当页面加载完成时，会自动执行`openwin()`函数，从而打开配置好的新窗口。同样地，可以通过`onunload`事件在页面卸载时执行相应操作。此外，还展示了如何通过点击按钮或链接来触发新窗口的打开： ```html <a href="#" onclick="openwin()">点击这里</a> ``` 这里的`href="#"`是为了避免链接默认的跳转行为，而`onclick`事件则用于触发`openwin()`函数。 #### 多窗口管理文章提到了同时打开多个窗口的情况，以及如何通过`name`参数确保每个窗口具有唯一的标识，避免窗口之间的干扰。例如： ```javascript window.open("page.html", "newwindow", "..."); window.open("page2.html", "newwindow2", "..."); ``` 这里，通过给每个窗口分配不同的`name`，确保了它们的独立性。 `window.open()`函数提供了强大的窗口管理功能，能够满足开发者在不同场景下的需求。理解和掌握其参数的使用，对于提升Web应用的用户体验至关重要。

资源推荐

资源详情

资源评论

1、最基本的弹出窗口代码】　　
　　 <SCRIPT LANGUAGE="javascript">
　　 
　　 </SCRIPT>

　　因为这是一段javascripts代码，所以它们应该放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】

　　下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

　　 <SCRIPT LANGUAGE="javascript">
　　 
　　 </SCRIPT>

　　参数解释：

　　 <SCRIPT LANGUAGE="javascript"> js脚本开始；
　　 window.open 弹出新窗口的命令；
　　 'page.html' 弹出窗口的文件名；
　　 'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
　　 height=100 窗口高度；
　　 width=400 窗口宽度；
　　 top=0 窗口距离屏幕上方的象素值；
　　 left=0 窗口距离屏幕左侧的象素值；
　　 toolbar=no 是否显示工具栏，yes为显示；

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论收藏

内容反馈