JS window.open()属性
来源:互联网 发布:台湾偶像剧 知乎 编辑:程序博客网 时间:2024/04/28 00:58
转载自:http://blog.csdn.net/vastskyjoe/article/details/4122104
一. Window 对象
Window 对象是 JavaScript 层级中的顶层对象。
Window 对象代表一个浏览器窗口或一个框架。
Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。
二.
open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。
三.
window.open(URL,name,features,replace)
一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:
- true - URL 替换浏览历史中的当前条目。
- false - URL 在浏览历史中创建新的条目。
四.窗口特征(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(URL,name,features,replace)
如果name使用名字已经存在,那么不会创建一个新的窗口,而是会返回对已经存在的窗口的引用。
否则,则创建一个新的窗口。
我就是没有注意这点,网页全屏时候,花了很多时间。
六.具体业务功能
6.1 打开一个全屏的窗口
<script type="text/javascript">
window.open("http://google.com/",'新开googleWin',"fullscreen=1")
</script>
6.2 使本页面全屏
解决方案:先打开一个全屏的目标窗口,然后关闭本窗口。
代码:
<script type="text/javascript">
var url=document.location.href; //获得本窗口属性名
newWin=window.open(url,'','fullscreen=1,scrollbars=0');
window.opener=null;//出掉关闭时候的提示窗口
window.open('','_self'); //ie7
window.close();
</script>
注意:如果你在open方法中指定第二个参数,并为他赋予特定的值话,那么第二次使用上面方法,将无法创建新的窗口,因为系统默认的返回已经存在窗口的索引。
按ESC退出全屏
<script type="text/javascript">
// Esc退出全屏
function exitFullScreenMe()
{
var esc=window.event.keyCode;
if(esc==27) //判断是不是按的Esc键,27表示Esc键的keyCode.
{
var url=document.location.href;
win=window.open(url,'','fullscreen=0,directories=1,location=1,menubar=1,resizable=1,scrollbars=1,status=1,titlebar=1,toolbar=1'); //让新打开的窗口全屏
window.opener=null;//出掉关闭时候的提示窗口
window.open('','_self');//ie7
window.close(); //先关闭老的窗口
}
}
document.onkeydown = exitFullScreenMe ; //当onkeydown(按键触发) 事件发生时调用hotkey函数
</script>
6.3同时弹出两个窗口
<script type="text/javascript">
window.open("http://google.com/",'新开googleWin1',"height=300, width=300, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")
window.open("http://google.com/",'新开googleWin2',"height=300, width=300, top=0, left=400,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")
</script>
注意:(1)窗口的名字不能相同,但可以都为空;
(2)要注意两个窗口的布局,是否符合你的要求。
6.4
第一次进入页面才弹出窗口.cookie解决
首先,将如下代码加入主页面HTML的<HEAD>区:
<script>
function openwin(){
window.open("page.html","","width=200,height=200")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
document.cookie="popped=yes"
}
}
</script>
然后,用<body onload="loadpopup()">(注意不是openwin而是loadpop啊!)替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进 入该页面,窗口再也不会弹出了
- JS window.open()属性
- js window.open()属性
- JS window.open()属性
- JS window.open()属性
- JS window.open()属性
- JS window.open()属性
- JS window.open()属性
- JS window.open()属性
- 弹出窗口 JS window.open()属性
- window.open 的属性
- window.open 的属性
- window.open属性说明
- window.open属性
- window.open()相关属性
- window.open 属性详解
- js 完整的window.open()控制窗口属性:
- js中window.open方法的属性介绍
- window.open(js)
- Window.Open详解
- [MSSQL]Sql Server根据表名获取表的所有列及属性
- hust校赛 1614 折叠纸张找凸痕
- openssl数字证书常见格式与协议介绍
- Codeforces Round #142 (Div. 2)——B
- JS window.open()属性
- java 单向链表
- UVa 361 - Cops and Robbers
- Ruby中各种gem的用途(不断更新)
- matlab实现信号的变换
- 实时多任务操作系统uCOS-III的特点
- C语言移位运算的优先级低于加减乘除
- 解释器构造文法简述
- 总结了Struts1与Struts2的12点区别