JavaScript学习笔记－－第三章. JavaScript 中的窗口操作

来源：互联网发布：linux更改用户所属组编辑：程序博客网时间：2024/06/07 21:05

第三章. 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">

</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">

</script>
参数:
url:所调用框架网页文件名
4.弹出一个警告窗口
(1).警告框  // alert==window.alert
A.-函数调用
<script language="JavaScript">

</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"，放置输入框
的缺省值。如果你不想要缺省值，则在第二个参数加上引号，