window.open常用参数具体意义

最新推荐文章于 2025-10-02 18:56:35 发布
原创 最新推荐文章于 2025-10-02 18:56:35 发布 · 1.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#js

本文详细介绍了HTML中window.open命令的使用方法及其参数配置，包括URL、name、specs等属性，并解释了如何通过这些参数控制新打开窗口的特性。

1.页面window.open命令

window.open (URL,name,specs,replace);

注：

参数名称属性值备注
URL页面的URL无
name1)_blank - URL加载到一个新的窗口。这是默认 2)_parent - URL加载到父框架 3)_self - URL替换当前页面 4)_top - URL替换任何可加载的框架集 5)name - 窗口名称target属性或窗口的名称
specs逗号分隔的项目列表以下值:
alwaysLoweredyes/no指定窗口隐藏在所有窗口之后
alwaysRaisedyes/no指定窗口悬浮在所有窗口之上
dependedyes/no是否和父窗口同时关闭
heightpixel value窗口高度
hotkeysyes/no在没菜单栏的窗口中设安全退出热键
innerHeightpixel value窗口中文档的像素高度
innerWidthpixel value窗口中文档的像素宽度
locationyes/no位置栏是否可见
menubaryes/no菜单栏是否可见
outerHeightpixel value设定窗口(包括装饰边框)的像素高度
outerWidthpixel value设定窗口(包括装饰边框)的像素宽度
resizableyes/no窗口大小是否可调整
screenXpixel value窗口距屏幕左边界的像素长度
screenYpixel value窗口距屏幕上边界的像素长度
scrollbarsyes/no窗口是否可有滚动栏
titlebaryes/no窗口题目栏是否可见
toolbaryes/no窗口工具栏是否可见
Widthpixel value窗口的像素宽度
z-lookyes/no窗口被激活后是否浮在其它窗口之上
replacetrue - URL 替换浏览历史中的当前条目 false - URL 在浏览历史中创建新的条目无
window.open()实现post传递参数
09-03
本文主要向大家介绍了如何使用window.open()实现post传递参数的方法，思路是参考的一位网友的，然后根据自己的项目需求做了些调整，这里同样分享给大家，希望对大家能够有所帮助。
window.open()参数
12-20
window.open()参数大全，window.open()参数大全，window.open()参数大全。
window.open()参数传递及获取
热门推荐
m0_72712500的博客
10-09 2万+
window.open()方法是用来打开新浏览器窗口或标签页的 JavaScript 方法。可以使用该方法传递参数并获取新窗口或标签页的引用。
window.open速记
askein的博客
10-02 260
用来打开一个新的浏览器窗口或标签，也可用来加载指定 URL。
js弹窗返回值详解(window.open方式)
10-26
在讨论JavaScript（简称JS）编程时，一个非常基础且常见的话题是通过window.open方法打开新窗口，并获取从这个新窗口返回的数据。window.open方法是Web开发中的一个标准方法，允许开发者在浏览器窗口中打开新的子...
JS中window.open全屏命令解析及使用示例
10-26
在JavaScript中，`window.open` 是一个非常常用的方法，它用于在浏览器中打开新的窗口或者标签页。这个方法可以接受三个参数：URL、窗口名称和特性字符串，分别用于指定要打开的页面、新窗口的名称以及新窗口的配置...
window.open的页面如何刷新(父页面)上层页面
09-05
在网页开发中，`window.open` 是一个常用的 JavaScript 函数，用于在新的浏览器窗口中打开一个新的页面或 URL。然而，在一些交互场景下，比如子页面（由 `window.open` 创建的页面）需要与父页面（打开子页面的那个...
js实现window.open不被拦截的解决方法汇总
10-25
其中 `window.open()` 方法是最常用的方法之一，它允许开发者在浏览器中打开一个新的窗口或标签页。然而，在很多情况下，`window.open()` 方法会被浏览器的弹窗拦截器拦截，这会阻止窗口的正常打开，尤其是在用户...
window.open url 参数post方式传递
youlianying的专栏
04-09 1万+
    最近在做web项目，碰到需要跨页面传递参数的功能，就是那种需要把当前页面的内容带到新开的子窗体中，以前的做法是传一个id过去，然后在新窗口中去读数据库的内容。虽然不怎么麻烦，但是如果内容么有在数据库里保存，仅仅是处以拟稿状态时，就不能实现了，用户还常常认为是个bug。考虑采用get的方式传递，把需要的内容都序列化然后，通过url去传，显得很臃肿，而且get的传递内容长度有限制。于是就想到用
JavaScript中Window.open参数
12-19
JavaScript中Window.open参数详解 1、最基本的弹出窗口代码 2、经过设置后的弹出窗口 3、用函数控制弹出窗口 4、同时弹出2个窗口 5、主窗口打开文件1.htm，同时弹出小窗口page.html ...
JavaScript window.open 所有参数
kukuwuwu的专栏
08-20 869
　　window.open 弹出新窗口的命令； 　　'page.html' 弹出窗口的文件名； 　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； 　　height=100 窗口高度； 　　width=400 窗口宽度； 　　top=0 窗口距离屏幕上方的象素值； 　　left=0 窗口距离屏幕左侧的象素值； 　　toolbar=no 是否显示工具栏，yes为显示；...
window.open传递(数组)参数
heartOfblack 离开了电脑，我不希望我还有病
08-15 8231
有时候想要通过window.open并把数据传递过去，但是由于参数过多，不适合在URL里面添加，为此我们可以把这些数据放到一个Array里面。 window对象有个对象属性叫opener 这个属性是将父窗口作为一个引用 我们可以通过这个引用来操作父窗口的数据； 比如 我们在父窗口，希望传递的数据为array[],那么在子窗口所在的页面 var parent_win
window.open(url)打开新页面传递参数
Sunny_swallow的博客
11-26 395
注意sessionStorage中无法保存object的类型数据，需要使用JSON.stringfy()进行转化。2.使用会话级别存储 sessionStorage.setItem。
window.open跳转页面，并传递参数
weixin_45817985的博客
04-13 6609
var url= /index_hj/audit_add_new.html； window.open(‘url?id=’+id); 备注：1、如果传递常量直接在id=的后面，即写单引号前面写入常量值即可 2.如果是变量，要在单引号后面用：+变量名 3.如果还需一个参数name则应为： window.open(‘url?id=’+id+‘&name=’+name); ...
JS window 对象 open方法弹窗实现父子窗口中的参数传递
zhulei12345的专栏
09-10 1万+
JS window 对象 open方法弹窗实现父子窗口中的参数传递注：需要将页面加载到服务器中父页面parent.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:
IE下window.open（）第二个参数
小沈哥
08-27 441
今天在IE下遇到了一个对于我来说的一个诡异的问题， window.open("test02.php","just test","menubar=1,location=1"); window.open("test02.php","juestest","menubar=1,location=1"); 这本来是一个很简单的句子，第一句在IE下面不起作用，第二句就可以，区别在于第二个参数多了
window.open 的参数
wp500的专栏
09-23 290
具体总结的各个属性参数如下： window = object.open([URL ][, name ][, features ][, replace]]]]) URL：新窗口的URL地址 name：新窗口的名称，可以为空 featurse：属性控制字符串，在此控制窗口的各种属性，属性之间以逗号隔开。 fullscreen= { yes/no/1/0 } 是否全屏，默认no channelmode=...
window.open有那些参数？
最新发布
11-18
<think> 我们被要求回答关于JavaScript中window.open方法的参数问题。根据提供的引用内容，我们可以总结出window.open方法的基本语法和常用参数。 基本语法：`window.open(pageURL, name, parameters)` 其中： - `pageURL`：要打开的窗口的URL（字符串）。 - `name`：新窗口的名称，可以作为标签和表单的target属性的值（字符串）。 - `parameters`：一个用逗号分隔的参数字符串，用于指定新窗口的特性（如高度、宽度、工具栏等）。 从引用中，我们可以整理出参数（第三个参数）的详细列表。引用[1]和[2]提到参数用逗号分隔，并且有很多选项，其中yes/no可以用1/0代替。引用[3]和[4]给出了一个具体的例子，并列出了一些参数。 根据引用[1]和[2]，参数包括（但不限于）： - `height`：窗口高度，像素值。 - `width`：窗口宽度，像素值。 - `top`：窗口距离屏幕顶部的像素值。 - `left`：窗口距离屏幕左边的像素值。 - `toolbar`：是否显示工具栏（yes/no 或 1/0）。 - `menubar`：是否显示菜单栏（yes/no 或 1/0）。 - `scrollbars`：是否显示滚动条（yes/no 或 1/0）。 - `resizable`：窗口是否可调整大小（yes/no 或 1/0）。 - `location`：是否显示地址栏（yes/no 或 1/0）。 - `status`：是否显示状态栏（yes/no 或 1/0）。 此外，引用[3]还提供了一个完整的示例代码，其中使用了这些参数。 因此，我们可以总结出以下参数列表（注意：参数名称是大小写敏感的）： - `height`：窗口的高度（像素）。 - `width`：窗口的宽度（像素）。 - `left`：窗口相对于屏幕左边的位置（像素）。 - `top`：窗口相对于屏幕顶部的位置（像素）。 - `toolbar`：是否显示浏览器的工具栏。 - `menubar`：是否显示菜单栏。 - `scrollbars`：如果内容超过视口，是否显示滚动条。 - `resizable`：是否允许用户调整窗口大小。 - `location`：是否显示地址栏。 - `status`：是否显示状态栏。 另外，根据其他资料（虽然引用中没有明确列出，但常见参数还包括）： - `directories`：是否显示导航栏（如“链接”栏，在旧版IE中）。 - `fullscreen`：是否全屏显示（仅IE支持，慎用）。 注意：有些参数在现代浏览器中可能被忽略，因为浏览器通常为了安全性和用户体验会限制这些特性的使用。 在回答时，我们将列出这些参数并给出简要说明。同时，我们还可以给出一个示例，如引用[3]或[4]中的示例。 由于用户只询问了参数有哪些，我们不需要提供完整的示例代码，但可以简要说明如何使用这些参数。 根据要求，我们需要在回答中引用相关段落，并在末尾添加引用标识。我们引用了多个引用，因此需要分别标注。 最后，我们按照要求生成相关问题。 回答结构： 1. 介绍window.open方法的基本语法。 2. 列出常用的参数及其说明。 3. 简要说明如何使用（可选，因为用户只问了参数有哪些）。 4. 生成相关问题。 注意：我们只根据引用的内容来回答，但引用中列出的参数并不完整，常见的还有例如`directories`等，但引用中没有提到，所以我们不添加。如果引用中未提及，我们就不写。 </think>### JavaScript 中 `window.open()` 方法的参数详解 `window.open()` 方法用于在浏览器中打开新窗口或标签页，其基本语法为： `window.open(pageURL, name, parameters)` 包含以下三类参数（需严格按顺序）： #### 一、必需参数 1. **`pageURL`** 子窗口加载的 URL 地址（字符串）。若留空 `""` 则打开空白页。 *示例：`"https://example.com"`* 2. **`name`** 窗口名称（字符串），用于作为 `<a>` 或 `<form>` 标签的 `target` 属性值。 *示例：`"NewWindow"`* #### 二、窗口特性参数（`parameters`） 通过逗号分隔的键值对字符串，控制窗口外观和行为[^1][^3][^4]： | **参数** | **取值** | **说明** | |----------------|--------------------|----------------------------------| | `height` | 像素值（如 `400`） | 窗口高度 | | `width` | 像素值（如 `500`） | 窗口宽度 | | `top` | 像素值（如 `0`） | 窗口距离屏幕顶部的像素距离 | | `left` | 像素值（如 `0`） | 窗口距离屏幕左侧的像素距离 | | `toolbar` | `yes/no` 或 `1/0` | 是否显示工具栏（后退/前进按钮等） | | `menubar` | `yes/no` 或 `1/0` | 是否显示菜单栏（文件/编辑等） | | `scrollbars` | `yes/no` 或 `1/0` | 是否显示滚动条 | | `resizable` | `yes/no` 或 `1/0` | 是否允许调整窗口大小 | | `location` | `yes/no` 或 `1/0` | 是否显示地址栏 | | `status` | `yes/no` 或 `1/0` | 是否显示状态栏 | | `fullscreen` | `yes/no` 或 `1/0` | 是否全屏显示（仅IE支持） | #### 三、使用示例 ```javascript // 打开一个无工具栏、不可调整大小的窗口 window.open( "page.html", "NewWindow", "height=400,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no" ); ``` > **注意**：现代浏览器可能忽略部分参数（如 `status`、`menubar`）以保障用户体验[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

csdn565973850

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值