window.open的用法
window.open的用法
window.open的用法window.open方法的定义:
oNewWindow = window.open( sURL , sName , sFeatures, bReplace)
通过方法签名可以看出,window.open在打开一个窗口(其url为sURL)后,将返回一个代表该窗口对象的一个变量
oNewWindow,如果打开不成功,则oNewWindow的值为null。同时为了对打开的窗口预先做一些控制,提供了
其他一些参数(sName、sFeatures、bReplace)可供选择配置。
各参数的含义
* oNewWindow:被打开的窗口的对象
* sUrl:一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。
* sName:一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记 <a> 和 <form> 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。等等
* sFeatures:一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。在窗口特征这个表格中,我们对该字符串的格式进行了详细的说明。
*replace:一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:
- true - URL 替换浏览历史中的当前条目。
- false - URL 在浏览历史中创建新的条目。
sFeatures窗口特征(Window Features)
channelmode = yes|no|1|0 | 是否使用剧院模式显示窗口。默认为 no。 |
directories = yes|no|1|0 | 是否添加目录按钮。默认为 yes。 |
fullscreen = yes|no|1|0 | 是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。 |
height = pixels | 窗口文档显示区的高度。以像素计。 |
left = pixels | 窗口的 x 坐标。以像素计。 |
location = yes|no|1|0 | 是否显示地址字段。默认是 yes。 |
menubar = yes|no|1|0 | 是否显示菜单栏。默认是 yes。 |
resizable = yes|no|1|0 | 窗口是否可调节尺寸。默认是 yes。 |
scrollbars = yes|no|1|0 | 是否显示滚动条。默认是 yes。 |
status = yes|no|1|0 | 是否添加状态栏。默认是 yes。 |
titlebar = yes|no|1|0 | 是否显示标题栏。默认是 yes。 |
toolbar = yes|no|1|0 | 是否显示浏览器的工具栏。默认是 yes。 |
top = pixels | 窗口的 y 坐标。 |
width = pixels | 窗口的文档显示区的宽度。以像素计。 |
window.open几种实例介绍
1、最基本的弹出窗口代码
<script language="javascript">
window.open ('pageUrl')
</script>
2、经过设置后的弹出窗口
//我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('pageUrl', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
参数解释:
window.open 弹出新窗口的命令;
pageUrl 弹出窗口的文件名;
newwindow 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
Resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
3、用函数控制弹出窗口
<html>
<head>
<script LANGUAGE="JavaScript">
<!--
function openwin() { window.open ("pageUrl", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
…任意的页面内容…
</body>
</html>
- 在html中使用javascript实例代码(原生 JS+CSS+HTML 实现时序图的方法)
- 使用javascript数组循环(JavaScript数组reduce方法的语法与实例解析)
- js的模块模式设计(如何理解JavaScript模块化)
- JavaScript中call、apply、bind实现原理详解(JavaScript中call、apply、bind实现原理详解)
- javascript:; 和javascript:void(0);
- 浏览器怎么显示javascript页面(JavaScript如何通过userAgent判断几个常用浏览器详解)
- javascript中还原append代码(JS实现jQuery的append功能)
- pyqt5加载chrome浏览器(PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例)
- javascript作用域实例(JavaScript defineProperty如何实现属性劫持)
- JavaScript css3实现简单视频弹幕功能(JavaScript css3实现简单视频弹幕功能)
- js打印斐波那契数列(JavaScript输出斐波那契数列的实现方法)
- canvas3d效果(JavaScript canvas实现七彩太阳光晕效果)
- javascript五大继承方式(原生Javascript实现继承方式及其优缺点详解)
- JavaScript实现网页版贪吃蛇游戏(JavaScript实现网页版贪吃蛇游戏)
- javascript类型转换讲解(JavaScript数据类型转换详解推荐)
- javascript中需要注意的几个细节
- 泰国旅游攻略(泰国旅游攻略必去景点)
- 数字藏品市场有多乱 周杰伦丢了 一只猴 ,损失超300万(数字藏品市场有多乱)
- 这里输入关键词(怎么输入关键词搜索)
- 得这个 难治病 的人太多了,300个人赶到杭州商量怎么办(得这个难治病的人太多了)
- 经度,世界时间腕表的灵魂(世界时间腕表的灵魂)
- 阿里最新财报公布 三季度营收增长3 ,将增加150亿美元回购额度 在美股价小涨(阿里最新财报公布)
热门推荐
- js和php加密(RSA实现JS前端加密与PHP后端解密功能示例)
- 查看云服务器宽带(云服务器如何测试宽带)
- linux中用户管理命令(Linux usermod 命令的使用)
- web服务器最低配置(分享几种常见WEB服务器配置方案)
- docker挂载的注意事项(解决docker日志挂载的问题)
- laravel 框架关键技术解析(在laravel框架中实现封装公共方法全局调用)
- 参加笔试前需要做哪些准备
- dedecms二次开发(简单几步为DedeCMS实现LightBox效果)
- nodejs登录案例(利用Node.js创建一个密码生成器的全步骤)
- docker如何加volume(Dockerfile 中 VOLUME 与 docker -v 的区别说明)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9