window.open()

最新推荐文章于 2019-03-22 17:26:14 发布
最新推荐文章于 2019-03-22 17:26:14 发布
阅读量817 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javaScript 文章标签： javascript 脚本 工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/JJTwo/article/details/2486552
本文介绍了如何使用JavaScript的window.open方法创建一个新窗口，并详细解释了各个参数的作用，包括窗口尺寸、位置及各种特性设置。

<SCRIPT LANGUAGE="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')  //写成一行  -->  </SCRIPT>

  参数解释：   <SCRIPT LANGUAGE="javascript"> js脚本开始； 

window.open 弹出新窗口的命令；

 page.html 弹出窗口的文件名； 

newwindow 弹出窗口的名字（不是文件名），非必须，可用空''代替；

 height=100 窗口高度；

 width=400 窗口宽度； 

top=0 窗口距离屏幕上方的象素值； l

eft=0 窗口距离屏幕左侧的象素值； 

toolbar=no 是否显示工具栏，yes为显示； 

menubar，scrollbars 表示菜单栏和滚动栏。 

resizable=no 是否允许改变窗口大小，yes为允许； l

ocation=no 是否显示地址栏，yes为允许；

 status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

 </SCRIPT> js脚本结束

js中window.open()的所有参数详细解析
10-26
本篇文章主要是对js中window.open()的所有参数进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
window.open()参数
12-20
window.open()参数大全，window.open()参数大全，window.open()参数大全。
window.open参数详解
05-04
window.open参数详解，这是js中新建页面时常用到的属性及方法
window.open()参数列表
我的"什么是?" -eRicSone
09-20 1286
 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) //写成一行 -->  参数解释：  js脚本开始； window.open 弹出新
window.open参数一览
Sunshow的试炼窟
12-02 1629
　　弹出窗口的命令格式：window.open( URLStr, WindowName, Property); 　　1.window.open命令用于在网页上弹出一个新窗口。　　2.URLStr：弹出窗口所显示的页面　　3.WindowName：弹出窗口的名称，可以任意指定，也可以用’’来代替　　4.Property：用于控制弹出窗口显示的属性，具体可控制的参数有：　　5.Toolba
javascript 打开页面window.location和window.open的区别.docx
01-13
### JavaScript打开页面window.location与window.open的区别 #### 一、概述 在JavaScript中，`window.location` 和 `window.open` 都是用来控制浏览器导航的重要API，但它们在使用场景、功能特性和行为上有显著的...
前端window.open实现激活而非打开的功能
12-22
扩展window.open方法，使得window.open时针对相同的URL地址非打开新窗口，而是仅仅激活已存在窗口，另外，此激活不会刷新页面，不会丢失页面上已存在的数据
window.open()弹出居中的窗口
10-31
### window.open()弹出居中的窗口 在前端开发过程中，我们常常需要利用JavaScript来实现一些交互功能，其中弹窗操作是非常常见的一种需求。通过`window.open()`方法可以创建一个新的浏览器窗口，而要使得这个新窗口...
JS中window.open全屏命令解析及使用示例
10-26
在JavaScript中，`window.open` 是一个非常常用的方法，它用于在浏览器中打开新的窗口或者标签页。这个方法可以接受三个参数：URL、窗口名称和特性字符串，分别用于指定要打开的页面、新窗口的名称以及新窗口的配置...
window.open打开窗口被拦截的快速解决方法
12-11
在网页开发过程中，有时会遇到使用JavaScript的`window.open`函数打开新窗口被浏览器拦截的情况。这通常是由于浏览器的安全策略导致的，特别是像Chrome这样的现代浏览器，为了防止弹窗广告等不良用户体验，对`window...
window.open参数详解附实例
12-11
一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、windown.open基本语法： window.open(pageURL,name,parameters) 其中： pageURL为子窗口路径name为子窗口句柄parameters为窗口参数(各参数用逗号分隔) 三、windown.open示例： 代码如下:[removed]<!–window.open(‘page.html’,’newwindow’,’height=100,width=400,top=0,left=0,toolbar=no,menuba
Window.Open详解
xianj123的专栏
03-14 722
原文地址：Window.Open详解 一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔
Window.Open参数详解
点点滴滴，终汇一海！
03-12 6835
Window.Open参数详解<br />一、window.open()支持环境：<br />JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+<br /> <br />二、基本语法：<br />window.open(pageURL,name,parameters) <br />其中：<br />pageURL 为子窗口路径 <br />name 为子窗口句柄 <br />parameters 为窗口参数(各参数用逗号分隔)<br /> <br />三、示例：<br
window.open()参数详解
热门推荐
小糖穿越火线
03-22 4万+
1、window.open方法有三个参数： window.open(url, [name], [configuration]) 其中： url：为要新打开页面的url name：为新打开窗口的名字，可以通过此名字获取该窗口对象 configuration：为新打开窗口的一些配置项，比如是否有菜单栏、滚动条、长高等等信息 例子： 新打开一个没有菜单栏、标题栏、工具栏，但是有滚动条、状态栏、地址栏...
Window.open()方法参数详解
SEAMON_LOVE的博客
08-15 1万+
1, 最基本的弹出窗口代码   window.open('page.html');2, 经过设置后的弹出窗口   window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location...
window.open详解
Forekaztor's Folder
07-29 2220
window.open详解 ------------------------------------------------- 【1、最基本的弹出窗口代码】 其实代码非常简单： 因为这是一段javascripts代码，所以它们应该放在标签和之间。是对一些版本低的浏览器起作用，在这些老浏 览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。 window.open (pag
window.open 详解
guoyiqi
08-17 114
一、window.open()支持环境：JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法：window.open(pageURL,name,parameters) 其中：pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示例： &lt;SCRIPT&gt; &lt;!-- ...
window.open
最新发布
08-22
### `window.open()` 方法的基本使用 `window.open()` 是 JavaScript 中用于打开新窗口或标签页的方法。其基本语法如下： ```javascript window.open(url, target, features); ``` - `url`：可选参数，表示要加载的页面地址。如果省略，新窗口将不加载任何内容[^2]。 - `target`：指定窗口名称或特殊保留关键字，如 `_blank`、`_self`、`_top` 等。例如 `_blank` 表示在新窗口中打开，`_self` 表示在当前窗口打开[^2]。 - `features`：可选参数，用于定义新窗口的特性，如大小、位置、是否显示工具栏等。 --- ### 常用参数说明 - **url**：被打开页面的 URL 地址，例如 `https://www.example.com`。若不提供此参数，新窗口将为空白页面[^2]。 - **target**：目标窗口名称。若使用 `_blank`，将在新窗口中打开；若使用 `_self`，将在当前窗口打开；若使用 `_top`，则在最顶层的框架中打开。 - **features**：控制窗口外观和行为的字符串，格式为逗号分隔的键值对。例如： - `width=800,height=600`：设置窗口宽度和高度。 - `left=100,top=100`：设置窗口距离屏幕左侧和顶部的距离。 - `toolbar=no,menubar=no,status=no`：隐藏工具栏、菜单栏和状态栏。 示例代码如下： ```javascript window.open("https://www.example.com", "_blank", "width=800,height=600,left=100,top=100"); ``` --- ### 注意事项 - **窗口名称限制**：窗口名称只能由字母、数字和下划线组成，不能包含空格。相同名称的窗口只能创建一次，后续调用会重用已有的窗口[^2]。 - **浏览器弹出窗口拦截**：由于浏览器的安全机制，非用户交互触发的 `window.open()` 调用可能会被拦截。建议在用户点击等事件中调用该方法。 - **用户体验**：合理使用 `window.open()` 可以增强交互体验，但滥用可能导致用户反感或被浏览器拦截[^1]。 --- ### 示例：打开一个自定义窗口 以下代码演示了如何打开一个没有工具栏和菜单栏的窗口，并设置其位置和大小： ```javascript window.open("https://www.example.com", "customWindow", "width=600,height=400,left=200,top=200,toolbar=no,menubar=no"); ``` --- ### 应用场景 - 在新窗口中打开帮助文档或用户协议。 - 实现自定义的弹出窗口，替代浏览器默认的 `alert()` 或 `prompt()`。 - 控制窗口样式，提供更一致的用户体验。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值