`

js window.open参数详解

 
阅读更多
window.open 在ie8下弹出窗口要想有滚动条,
scrollbars=yes,resizable=yes这两个属性必须有。

window.open的属性介绍

window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=yes, resizable=yes,location=no, status=no')

第三个参数是把一些属性拼接成字符串形式传递。
------------------------
alwaysLowered | yes/no | 指定窗口隐藏在所有窗口之后
alwaysRaised | yes/no | 指定窗口悬浮在所有窗口之上
depended | yes/no | 是否和父窗口同时关闭
directories | yes/no | Nav2和3的目录栏是否可见
height | pixel value | 窗口高度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口中文档的像素宽度

location | yes/no | 位置栏是否可见
menubar | yes/no | 菜单栏是否可见
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度
resizable | yes/no | 窗口大小是否可调整
screenX | pixel value | 窗口距屏幕左边界的像素长度
screenY | pixel value | 窗口距屏幕上边界的像素长度
scrollbars | yes/no | 窗口是否可有滚动栏
titlebar | yes/no | 窗口题目栏是否可见
toolbar | yes/no | 窗口工具栏是否可见
width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

innerHeight innerWidth 设置成与height width 像素一样实现 弹出框 居中显示

window弹出框关闭 使用 window.close();


窗口居中显示
//位置参数
var vTopPos = (window.screen.height - height) / 2;
var vLeftPos = (window.screen.width - width) / 2;
//设置参数
top = vTopPos ,left = vLeftPos  


open窗口获得父页面中具体的方法

window.opener.window.functionName()
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    window.open参数详解

    ### window.open 参数详解 在JavaScript中,`window.open()` 方法被广泛用于打开新的浏览器窗口或标签页。这对于创建弹出窗口、预览链接等场景非常有用。本文将详细介绍 `window.open()` 的各个参数及其用法。 ###...

    Window.Open详解

    ### Window.open() 方法详解 #### 一、方法简介 `window.open()` 是一个在Web开发中经常被用来创建新浏览器窗口或标签页的方法。此方法是 `window` 对象的一个属性,通过调用该方法可以指定打开的新窗口的URL、...

    window.open参数详解.txt

    ### window.open()函数详解 在Web开发中,`window.open()`是一个非常实用的JavaScript函数,用于在新的浏览器窗口或标签页中打开一个指定的URL。它不仅能够打开新窗口,还可以控制新窗口的属性,如大小、位置以及...

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

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

    window.open.txt

    `window.open()`是JavaScript中一个非常实用的方法,它用于在一个新的浏览器窗口或标签页中打开一个新的文档。此方法通常被用作弹出窗口或新标签页的功能实现基础。其基本语法为: ```javascript window.open(URL, ...

    JavaScript中Window.open参数

    ### JavaScript中Window.open参数详解 #### 1. 最基本的弹出窗口代码 在Web开发中,`window.open` 方法是非常实用的一个功能,它可以用来创建一个新的浏览器窗口或标签页,并加载指定的URL。最简单的使用方式如下...

    window.open参数详解附实例

    `window.open()` 是JavaScript中的一个内置函数,常用于在用户交互或编程逻辑中打开新的浏览器窗口。这个函数在网页开发中十分常见,特别是在创建新窗口、弹出对话框或者进行页面跳转时。然而,由于浏览器的安全策略...

    js中window.open打开一个新的页面.docx

    window.open() 函数在 JavaScript 中的应用详解 window.open() 函数是 JavaScript 中一个非常重要的函数,用于打开一个新的浏览器窗口或标签页。在实际开发中,我们经常需要使用 window.open() 函数来打开新的页面...

    详解js location.href和window.open的几种用法和区别.docx

    详解 JS location.href 和 window.open 的几种用法和区别 location.href 和 window.open 是 JavaScript 中两个常用的方法,用于控制浏览器的导航和窗口操作。它们的用法和区别是很多开发者需要了解和掌握的知识点。...

    ShowModalDialog与window.open的区别

    #### 六、window.open详解 **1. 功能介绍** `window.open` 是一个标准方法,用于打开一个新的浏览器窗口。它可以是模式窗口,也可以是非模式窗口。非模式窗口意味着用户可以在新窗口打开的同时继续与原窗口交互。 ...

    用window.open,opener实现网页间通信

    ### 使用 `window.open` 和 `window.opener` 实现网页间通信 #### 一、引言 在现代Web开发中,网页间的通信是一项常见的需求。例如,在多窗口或多个标签页的应用场景下,如何实现不同窗口间的高效数据交互,成为了...

    window.open的参数详细应用

    ### window.open 的参数详细应用 在网页开发过程中,`window.open` 方法被广泛应用于打开新的浏览器窗口或标签页。此方法对于实现弹出窗口、预览功能等具有重要作用。下面将详细探讨 `window.open` 方法的各项参数...

    js利用IE通过windowopen方式保存网页部分内容到本地

    在IT领域,特别是前端开发中,使用JavaScript(简称JS)结合Internet Explorer(简称IE)的特性,实现将网页部分内容保存到本地的功能,是一项既实用又具挑战性的技术。本文将详细解析这一技术的核心原理与实践步骤...

    window.open全攻略

    【Window.open()详解】 在JavaScript中,`window.open()` 是一个非常重要的方法,它用于打开一个新的浏览器窗口或者重载已有的窗口。以下是对这个方法的详细介绍: ### 1. 基本用法 最简单的`window.open()` 使用...

    实现弹11出窗口的window.open用法详解(js代码).docx

    ..实现弹11出窗口的window.open用法详解(js代码).docx

    实现弹11出窗口的window.open用法详解(js代码).pdf

    ..实现弹11出窗口的window.open用法详解(js代码).pdf

    JavaScript中window.open用法实例详解

    JavaScript中的`window.open()`函数是用于在浏览器中打开新窗口或者新标签的API,它可以用于创建一个新的浏览器窗口或者替换已存在的窗口。这个函数通常在网页交互中用来打开新的链接、弹出对话框或者进行页面间的...

    window.open的参数说明控制谈出可以定植大小的窗口

    ### window.open方法详解 在网页开发中,`window.open` 方法是用于打开新窗口或标签页的一个非常实用的功能。此方法常被用在各种场景下,例如:弹出广告、登录框、信息提示等。 #### 方法语法 ```javascript ...

Global site tag (gtag.js) - Google Analytics