`
isiqi
  • 浏览: 16538159 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

js打开新窗口

阅读更多

window.open(url, name, features, replace)

  Arguments - 参数  url

  可选字符串参数,指向要在新窗口中显示的文档的URL。如果省略该参数,或者参数为空字符串,新窗口不会显示文档。

  name

  可选字符串参数,该参数可以设置新窗口的名称。

  相同name的窗口只能创建一个,要想创建多个窗口则name不能相同。

  features

  可选字符串参数,该参数用于设定新窗口的功能。因为该参数是可选的,如果没有指定该参数,新窗口有所有的标准功能。

  replace

  可选布尔参数,设置新窗口中的操作历史的保存方式。

  true - 创建新历史记录

  false - 替换旧的历史记录

Returns - 返回值

  一个根据name参数对新创建的或已存在的窗口对象的引用。

Description - 描述

  open()方法可以查找一个已经存在的或者新建的浏览器窗口。如果name参数指定了一个已经存在的刘浏览器窗口,则返回对该窗口的引用。 返回的窗口中将显示URL中指定的文档,但是features参数会被忽略。open()方法是JavaScript中唯一通过名称获得浏览器窗口引用的 途径。

  如果没有指定name参数,或者不存在name参数指定的名称的窗口,open()方法将创建一个新的浏览器窗口。

  name参数用于指定新窗口的名称, 该名称必须由字母、数字和下划线字符组成。它可以被HTML文档中的<a>标记或<form>标记指向。

  当你使用window.open()方法加载一个新的文档到一个已经存在了命名的窗口中时,你可以通过replace参数设置历史记录的保存方式.。 如果该参数是true, 新文档的历史记录将取代旧文档的历史记录。 如果该参数为false或这没有指定该参数, 新的文件在窗口的浏览历史记录中将建立自己的条目。 该参数提供了location.replace()相同功能的方式。

  不要把"Window.open( ) "和"Document.open( )"混淆;这是两个完全不一样的方法。为了让代码更明晰, 你可以用"Window.open( )"代替 "open( )"。 作为HTML属性定义事件处理程序时, "open( )" 一般被解释为"Document.open( )",所以在这种情况下, 你必须使用"Window.open( )"。

Window Features - 窗口特性

  feature参数是一个用逗号分隔的功能列表。如果该参数为空或者没有指定该参数,新的窗口将拥有所有的功能。另一方面, 如果feature参数只指定了某一项或某几项功能,那么其他没有被指定的功能将不会出现在新的窗口中。该字符串不能包含任何空格或其它空字符串。

  列表中的每个元素的格式:功能[=值]

  对于绝大多数的功能来说,它们的值一般都是yes或no。对这些功能,等号和值都可以省略不写。 对于 width和height特性, 必须给它们指定一个以像素为单位的值。

  一下是一些普遍支持的功能和它们的含义:

  height

  设定窗口显示区域的像素宽度

  left

  浏览器窗口距离屏幕左边的距离

  location

  指明地址栏在新窗口中是否可见

  menubar

  指明菜单栏在新窗口中是否可见

  resizable

  指明新窗口是否可以调整大小

  scrollbars

  指明滚动栏在新窗口中是否可见

  status

  指明状态栏在新窗口中是否可见

  toolbar

  指明工具栏在新窗口中是否可见

  top

  设定新窗口距屏幕上方的距离

  width

  设定窗口显示区域的像素宽度

  alwaysLowered

  指定窗口隐藏在所有窗口之下

  alwaysRaised

  指定窗口浮在所有窗口之上

  dependent

  指定打开的窗口为父窗口的一个子窗口。并随父窗口的关闭而关闭

  directions

  指定Navigator 2和3的目录栏是否在新窗口中可见

  hotkeys

  在没有菜单栏的新窗口设置安全退出热键

  innerHeight

  设置新窗口中文档的像素高度

  innerWidth

  设置新窗口中文档的像素宽度

  menubar

  指明菜单栏在新窗口中是否可见

  outerHeight

  设定窗口(包括装饰边框)的像素高度

  outerWidth

  设定窗口(包括装饰边框)的像素宽度

  screenX

  设定新窗口离屏幕边界的像素长度

  screenY

  设定新窗口离屏幕上边界的像素长度

  titlebar

  指明菜单题目栏在新窗口是否可见

  z-look

  在文档中包含各个 <pplet>标签的数组

  fullscreen

  打开的窗体是否进行全屏显示

Example - 示例

  <html>

  <head>

  <title>window.open函数 </title>

  </head>

  <body>

  <script language="javascript">

  window.open("","name1","width=100,height=200,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100");

  </script>

  </body>

  </html>

分享到:
评论

相关推荐

    JS打开新窗口防止被浏览器阻止的方法

    本文实例讲述了JS打开新窗口防止被浏览器阻止的方法。分享给大家供大家参考。具体分析如下: 用传统的window.open()方式打开新窗口,会被浏览器阻止,那么,我们如何才能让JS打开新窗口不被浏览器阻止呢?其实办法...

    JS打开新窗口的2种方式

    JS打开新窗口的2种方式 JS打开新窗口的2种方式 JS打开新窗口的2种方式

    js打开新窗口,js打开居中窗口,js打开自定义窗口

    本文将深入探讨如何使用JavaScript打开新窗口,并实现窗口居中和自定义窗口属性。 首先,我们来了解基本的`window.open()`方法。这个方法接受两个参数:要打开的URL和新窗口的名称。例如: ```javascript window....

    js中用open方式打开新窗口向父窗口传值

    JS中用open方式打开新窗口向父窗口传值 在JavaScript中,使用`window.open()`方法可以打开一个新的浏览器窗口,这个方法可以实现子窗口向父窗口传值的操作。下面我们来详细解释这个过程。 首先,让我们回顾一下`...

    js中打开新窗口的各种方法.doc

    在JavaScript中,打开新窗口是常见的操作,常用于创建弹出窗口、对话框或实现特定交互。`window.open`函数是实现这一功能的核心方法。它接受三个参数:要打开的URL、新窗口的名称(可选)以及一个包含窗口属性的字符...

    用window.open打开新窗口后在父窗口中调用新窗口中的代码

    当在网页中用javascript winow.open 打开一个新窗口后,是否能在你窗口中调用并执行新窗口中的代码或调取其中的元素? 答案是肯定的。 这段示例代码不但能在父窗口页面test.html中执行被打开的新窗口页面test-open...

    javascript 关闭新窗口

    用javascript写打开新窗口、关闭新窗口、关闭本窗口

    ASP.NET打开新窗口方法

    该方法使用 Response.Write 输出 JavaScript 代码,来打开新窗口。如下所示: ``` Response.Write("&lt;script language='javascript'&gt;window.open('aaa.aspx','新窗口','toolbar=yes,location=no,directories=yes,...

    用浏览器打开新窗口后在父窗口中调用新窗口中的代码的方法

    当在网页中用javascript winow.open 打开一个新窗口后,是否能在父窗口中调用并执行新窗口中的代码或调取其中的元素? 答案是肯定的。 这段示例代码不但能在父窗口页面test.html中执行被打开的新窗口页面test-open...

    js 特效 html 特效 关闭窗口同时打开新窗口

    js 特效 html 特效 关闭窗口同时打开新窗口 js 特效 html 特效 关闭窗口同时打开新窗口

    图片预览新窗口全屏图片展示功能

    "图片预览新窗口全屏图片展示功能"是这样一种技术,它允许用户点击缩略图后,在一个新的浏览器窗口中打开全屏的图片预览,提供更佳的视觉体验。 实现这一功能,通常会涉及到以下几个关键技术点: 1. **HTML**:...

    用浏览器打开新窗口后在父窗口中调用新窗口中的代码

    当在网页中用javascript winow.open 打开一个新窗口后,是否能在父窗口中调用并执行新窗口中的代码或调取其中的元素? 答案是肯定的。 这段示例代码不但能在父窗口页面test.html中执行被打开的新窗口页面test-open...

    window.open打开新窗口参数设置

    ### window.open 打开新窗口参数设置详解 在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助...

    js打开新窗口方法整理

    在网页中打开新窗口是JS中的常见操作,本文整理了多种使用JavaScript打开新窗口的方法,以下内容将详细介绍这些技术点: 1. window.open方法 window.open() 是JavaScript中最常见的打开新窗口的方法。它可以创建一...

    window.open打开新窗口,不被拦截的方法

    ### window.open打开新窗口,不被拦截的方法 在Web开发中,经常会有需求需要在一个新的浏览器窗口或标签页中打开链接或展示内容。这通常通过JavaScript的`window.open()`方法来实现。但是,在实际应用中,由于...

    javascript打开新窗口同时关闭旧窗口

    在讨论如何使用JavaScript打开新窗口同时关闭旧窗口之前,需要了解浏览器中窗口的行为和安全限制。通常情况下,出于安全考虑,现代浏览器限制了脚本能够执行的操作,防止恶意脚本随意关闭用户正在浏览的窗口。这种...

    JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法

    本文实例讲述了JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法。分享给大家供大家参考,具体如下: 在一些不正规的网站,尤其是那些挂满广告的下载站,经常在你点击的下载链接之前,无论你点击网页的...

Global site tag (gtag.js) - Google Analytics