一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+

二、基本语法:
window.open(pageURL,name,parameters)
其中:
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)

三、示例:
<SCRIPT>
<!--
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>
脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。
请对照。

上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。

四、各项参数
其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。

参数 | 取值范围 | 说明
| |
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 | 窗口被激活后是否浮在其它窗口之上

window.showModalDialog使用手册

基本介绍:
showModalDialog() (IE 4+ 支持)
showModelessDialog() (IE 5+ 支持)
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。
window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框。

使用方法:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

参数说明:
sURL--
必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
vArguments--
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
sFeatures--
可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
1.dialogHeight :对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离屏幕左的距离。
4.dialogTop: 离屏幕上的距离。
5.center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。
6.help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。
7.resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改变大小。默认no。
8.status: {yes | no | 1 | 0 } [IE5+]:是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。
下面几个属性是用在HTA中的,在一般的网页中一般不使用。
10.dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印预览时对话框是否隐藏。默认为no。
11.edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。

参数传递:
1.要想对话框传递参数,是通过vArguments来进行传递的。类型不限制,对于字符串类型,最大为4096个字符。也可以传递对象,例如:
-------------------------------
parent.htm
<script>
var obj = new Object();
obj.name="51js";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
var obj = window.dialogArguments
alert("您传递的参数为:" + obj.name)
</script>
-------------------------------
2.可以通过window.returnValue向打开对话框的窗口返回信息,当然也可以是对象。例如:
------------------------------
parent.htm
<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
modal.htm
<script>
window.returnValue="http://hi.baidu.com/xingxiudong/";
</script>

转载于:https://www.cnblogs.com/xingxiudong/archive/2008/12/24/3987137.html

javascript 打开新窗口相关推荐

  1. a href=#与 a href=javascript:void(0) 的区别 打开新窗口链接的几种办法

    #包含了一个位置信息 默认的锚点是#top 也就是网页的上端 而javascript:void(0)  仅仅表示一个死链接 这就是为什么有的时候页面很长浏览链接明明是#可是 跳动到了页首 而javas ...

  2. html怎么用新页面打开页面打开网页,javascript如何打开新窗口?

    JavaScript中可以使用window对象的open方法打开新窗口.open()方法用于打开一个新的浏览器窗口或查找一个已命名的窗口. Window 对象 Window 对象表示浏览器中打开的窗口 ...

  3. JavaScript浏览器window对象→简介、消息对话框、计时器、history、打开新窗口及模式showModalDialog、location、navigator、screen、窗口位置尺寸

    window对象 alert消息提示对话框 confirm消息确认对话框 prompt互动对话框 计时器 setInterval周期计时器 setTimeout延迟计时器 window.history ...

  4. JavaScript跳转和打开新窗口

    跳转: window.location.href = "www.baidu.com"  // 跳转到百度首页,不打开新的浏览器窗口 等价于html中的<a href=&quo ...

  5. ASP.NET 打开新窗口几种方法

    ASP.NET打开新窗口方法一: Response.Write("<script language=/"javascript/">window.open('a ...

  6. javacript实现不被浏览器拦截打开新窗口

    情景: 1.用户发送数据到服务器 2.服务器根据用户的数据生成文档 3.服务器把所生成的文档的下载地址提供给用户 4.用户使用的浏览器自动根据下载地址下载文件 实现: 网上搜索查找了下实现方式,就我查 ...

  7. php html自动打开新页面大小,HTML_html 用超链接打开新窗口其可控制窗口属性,1、html超链接打开的窗口大小 - phpStudy...

    html 用超链接打开新窗口其可控制窗口属性 1.html超链接打开的窗口大小 复制代码代码如下: aaaaaaaaaaaaaaa 2.如果在php中,引号多,比较难弄清除,可通过以下方式: 复制代码 ...

  8. 打开新窗口的js代码

    1,打开新窗口全屏 HTML代码 <SCRIPT> function ow(owurl){ var tmp=window.open("about:blank",&quo ...

  9. JS控制锚点打开新窗口

    在XHTML中不能含有TARGET,那么要使链接打开新窗口的话, 如果针对页面上所有锚点,JAVASCRIPT如下即可: function externalLinks() { if (!documen ...

最新文章

  1. 图像几何变换C++实现--镜像,平移,旋转,错切,缩放
  2. 首批 iPhone 13 用户直呼太“坑”:​拍照有马赛克、不能用高刷、还与 Apple Watch “失联”?...
  3. 用数据品鉴咖啡,407杯咖啡数据教你如何区分咖啡等级和风味
  4. 忘记mysq rootl密码
  5. hdu 1228 A+B (字符串处理) 水
  6. 20200912 texstudio 添加到字典的错误单词如何删除
  7. CF1146F: Leaf Partition(树形dp)
  8. 吃鸡服务器不接受响应,绝地求生:蓝洞优化服务器性能,从此告别掉帧延迟!...
  9. java 蓝桥杯算法训练 连续正整数的和(题解)
  10. DE28 Matrix Methods for Inhomogeneous Systems
  11. 电视和计算机共享视频,电脑中的图片视频一键共享到电视上去看
  12. stm8s + si4463 寄存器配置
  13. linux打开终端的快捷键是什么?
  14. MDClub 轻量级网论坛源码
  15. BeatSaber节奏光剑双手柄MR教程
  16. HTML+PHP+Mysql登录注册页面
  17. 未能加载文件或程序集“FastReport
  18. Mac下载软件Motrix 下载速度为零解决办法
  19. 人工智能:声纹相关基础概念介绍
  20. 虚拟机Ubuntu下共享文件夹MyShare不显示

热门文章

  1. SQL*Plus命令
  2. Linux : shell基础(慕课网Linux达人养成计划课程笔记)
  3. redis 主从复制 [转]
  4. linux下软件的基本安装和卸载
  5. 真格量化-主力跟买策略
  6. php中取出数组中指定的值,PHP除开数组中指定的值
  7. mysql中的内置函数
  8. 【Python基础入门系列】第10天:Python 类与对象
  9. Vim的基本操作总结
  10. mysql死锁释放时间参数_【Mysql】mysql 事务未提交导致死锁 Lock wait timeout exceeded; try restarting transaction 解决办法...