第三章. JavaScript 中的窗口操作
1 弹出一个窗口
window.open("URL","name","features");
第一个参数url
第二个参数是窗口的名字。如果你打开窗口时已有一个同名窗口打开,那么URL将把open语句送到原先已打开的窗口。
第三个参数, features,是一个窗口所具有的不同特征。这是个可选参数,将url页面调到指定的浏览器中.
如: window.open("some_url","window_name","location,height=100,width=100");
[ var new_window = window.open("hello.html","html_name","width=200,height=200");
new_window.blur();
<a href="#" onMouseOver="new_window.focus();">Bring it forward</a>
<a href="#" onMouseOut="new_window.blur();">Put it backward</a> ]
这将打开一个高宽各为100像素的窗口。再次请注意别在字符串中加空格。
这里是一组可以在字符串中引用的特性参数:
resizable (重调)
当重调参数被列出,窗口将可被重调。注意它的拼法,我就经常搞错。
directories (指示区)
toolbar=yes, 显示工具条
location=yes,显示网址栏
directories=no,导航条
status=no,状态条
menubar=yes,菜单
scrollbars=yes,滚动条
resizable=no,是否可以改变大小
copyhistory=yes,历史按钮
width=300,宽
height=200'高
left=100,距离左边100
top=100,距离顶端100
如Netscape浏览器中所在的"What's new," "What's cool,"等等。
当鼠标移动到这个链接上时,改变状态条
<a href="#" onMouseOver="window.status='Monkeys!';">Who do we love?</a>
2.自动弹出/关闭窗口
方法一.
<head>
<script Language="JavaScript">
function winopen1()
{
msg1=open("test.htm","Homepage","toolbar=no,location=no,directories=no,status=no,menubar=no,
scrollbars=no,resizable=no,copyhistory=no,width=160,height=200,left=200,top=100");
}
</script>
</head>
<body>
<a href onMouseOver="winopen1(); return true;" onMouseOut="msg1.close();">请将鼠标移到这里来</a>
</body>
方法二.
<script language="JavaScript">
<!-- hide from the less fortunate browsers that don't support Javascript
var popupwindow_window = null;
function popupwindow(status,url) {
if(status != 0) {
if(popupwindow != null) popupwindow.focus();
else {
var popupwindow = open(url, "popupwindow", "width=350,height=225");
//设置窗口大小
popupwindow_window = popupwindow;
}
}
else {
if(popupwindow_window != null) popupwindow_window.close();
}
}
// end hide -->
</script>
鼠标移到图片上,弹出新窗口,鼠标移出去,关闭窗口:
<A HREF="" onMouseover="popupwindow(1,'10620_test.htm')" onMouseout="popupwindow(0)"><img src="../images/10620/design.GIF" hspace=0 vspace=0 border=0 alt="Network" width="281" height="176"></A>
3.弹出一个框架窗口
<script language="JavaScript">
<!-- Hide
function WinOpen(url) {
msg=open(url,"DisplayWindow","toolbar=yes,directories=no,menubar=no");
}
function stat(txt) {
window.status = txt;
setTimeout("erase()",1500);
}
function erase() {
window.status="";
}
// -->
</script>
参数:
url:所调用框架网页文件名
4.弹出一个警告窗口
(1).警告框 // alert==window.alert
A.-函数调用
<script language="JavaScript">
<!-- Hide
function WinOpen(url) {
alert('这是一个警告窗口!');
}
// -->
</script>
B. 警告框-链接调用
<input type="button" value="按我" onClick="alert('这是一个警告窗!'); return true">
(2).确认框 // confirm==window.confirm
question = confirm("确实要进入吗?")
如果question = false 返回值是“取消”
(3).输入框 // prompt==window.prompt
//document.writeln("<b>The monkey dances ");
var monkey = prompt("What's the monkey's name?", "The monkey");
如果monkey = false 返回值是“取消”
当它被调用时,启动一个
对话框请求用户输入信息。用户完成后敲OK返回信息。在上
行中返回信息放入其变量中。 如果点击“取消”,则返回NULL
注意该提示方式有两个变量,且都是字符串。第一个在对话框
输入区上面显示,本例中它是:“What's the monkey's
name?”。本例中第二个参数"The monkey",放置输入框
的缺省值。如果你不想要缺省值,则在第二个参数加上引号,