JavaScript弹窗
-
警告框:
alert("警告信息!");
alert("警告\n信息!");
-
确认框:
var t=confirm("请确认!"); // true/false
if(t==true)
{…}
else
{…}
-
输入框:
var n=prompt("输入提示","默认值");
if(n!=null&&n!="")
//判断输入信息不为空。
-
显示HTML内容的模态与非模态对话框
showModelessDialog:
被打开后,用户可以随意切换输入焦点,对主窗口没有影响。IE4+
showModalDialog:
被打开后始终保持输入焦点。除了关闭对话框,用户无法切换到主窗口。IE5+
showModelessDialog和showModalDialog的超链接不弹出新窗口的方法:
<head>标签内添加<base target="_self">
使用方法:
returnValue=window.showModalDialog(URL [,arguments] [,features])
returnValue=window.showModalessDialog(URL [,arguments] [,features])
URL:对话框要显示的文档的URL。
Arguments:向对话框传递的参数。
Features:对话框外观等信息。
URL:为了防止浏览器从缓冲目录下载上次的页面而没有重新加载(动态页面来说会产生错误页面),可使用Math.random()函数产生0-1的随机数访问"./page.html?random="+Math.random(); 。这样能确保每次从服务器上访问(随机数嘛,也不一定哦!)。
"page.html" 当前目录下
"/page.html" 根目录下
"./page.html" 当前目录下
"../page.html" 上级目录下
Arguments:传递所有类参数,如类、数组、字符串等等。
Features的可选值(多参数时用";"隔开):
dialogHeight:高度(px)
dialogWidth:宽度(px)
dialogLeft:屏幕左距离(px)
dialogTop:屏幕上距离(px)
center:是否居中,默认yes, {yes|no|1|0};
help:是否显示帮助按钮,默认yes, {yes|no|1|0};
resizable:是否可改变大小,默认no, {yes|no|1|0};
status:是否显示状态栏,默认yes, {yes|no|1|0};
scroll:是否显示滚动条,默认yes, {yes|no|1|0};
dialogHide:在打印或者打印浏览时对话框是否隐藏,默认no,{yes|no|1|0};
edge:指明对话框的边框样式,凹下还是凸起,默认raised,{sunken|raised}
unadorned:指定对话框是否显示 chrome 样式边框。仅仅当对话框是由被信任的程式打开的时候此参数才可用。默认值为 no,{yes|no|1|0}; on off
参数传递:
var obj=window.dialogArguments; //弹出的HTML窗口接受参数;
window.returnValue=obj; //弹出的HTML窗口返回参数;
returnValue=window.showModalDialog(URL [,arguments] [,features]); //主窗口弹出子窗口,并接受返回参数。
returnValue=window.showModalessDialog(URL [,arguments] [,features]); //主窗口弹出子窗口,并接受返回参数。
刷新showModalDialog和showModelellDialog里的内容:
在弹出的子窗口里:
<body onkeydown="if(event.keyCode==116){d.click()}">
<a id="d" href="page.html" style="display:hidden">
注释:F5 的keyCode=116,display:hidden不保留<a>的位置
配合<base target="_self">使用。不然弹出新窗口。
关闭showModalDialog和showModelellDialog弹窗:
<input type="button" value="关闭" onckick="window.close()">
配合<base target="_self">使用。不然打开新窗口再关掉。
-
Window.open()新的浏览器窗口
语法:window.open(URL,name,featurs,replacs)