标签:
1、弹出窗口设置
在JS中,可以使用window对象实现对窗口的控制。
window常用方法:
alert();弹出一个警告对话框;
confirm();在确认对话框中显示指定的字符串;
prompt();弹出一个可输入对话框;
close();关闭被引用的窗口;
foucus();将被引用的窗口放在所有打开窗口的最前方,成为焦点窗口;
open();打开新的窗口并且显示由URL或名字引用的文档,可以创建窗口的属性;
resizeTo(x,y);设置窗口的大小;
resizeBy(offsetx,offsety);按照指定的位移量设置窗口的大小。
窗口设置的可选参数:
width="":窗口的宽度;
height="":窗口的高度;
scrollbars :是否显示滚动条;
resizable:设置窗口大小是否固定;
toolbar:浏览器工具条,包括后退前进按钮;
menubar:菜单条,一般包括有文件、编辑及一些其他条目;
location:地址栏,是可以输入URL的浏览器文本区;
direction:更新信息的按钮。
2、示例
(1)定时打开窗口
function openWindow(){
window.open("news.html","news","width=400,height=300,toolbar,menubar,scrollbars,resizable,status,location,directories,copyhistory")
}
setTimeout("openWindow",3000);
(2)自动关闭窗口(在弹出的窗口中进行操作)
<body onload="window.setTimeout(‘window.close()‘,2000)">
(3)窗口居中(moveTo将窗口移动到指定坐标(x,y)处)
function manage(){
var hde = window.open("news.html","news","width=322,height=148");
width = screen.width;
height = screen.height;
hde.moveTo((width-322)/2,(height-148)/2);
}
(4)弹出窗口的cookie控制(在弹出窗口调用函数 <body onload="loadPop">)
function openWindow(){
window.open("news.html","","width=322,height=248");
}
function getCookie(name){
var search = name+"=";
var returnValue = "";
var offset,end;
if(document.cookie.length>0){
offset = document.cookie.indexOf(search);
if(offset != -1){
offset +=search.length;
end = document.cookie.indexOf(";",offset);
returnValue = unescape(document.cookie.substring(offset,end));
}
}
return returnValue;
}
function loadPop(){
if(getCookie("pop")==""){
openWindow();
var today = new date();
var time = "Sunday,1-jan-"+today.getYear()+1+"23:59:59 GMC";
document.cookie = "pop=yes;expires="+time;
}
}
(5)关闭弹出窗口是刷新父窗口(在弹出窗口中进行操作)
<input type="button" value="关闭" onclick="closeFresh">
js代码:
function closeFresh(){
alert("关闭子窗口");
window.opener.location.reload();
window.close();
}
说明:opener属性返回的是窗口对象,返回的是父窗口,通过该属性可以访问父窗口对象中的方法和属性。
(6)IE关闭窗口时不提示是否关闭窗口(window对象的opener属性将关闭的IE窗口的打开窗口设置为null,然后再执行关闭窗口命令,就不会出现弹出窗口)
<a href="#" onclick="window.opener=null;window.close();">关闭系统</a>
标签:
原文地址:http://www.cnblogs.com/slp-qm/p/4989273.html