JavaScript就这么回事5：窗口和框架
54 改变浏览器状态栏文字提示
<script language=”JavaScript”>
window.status = “A new status message”;
</script>
55 弹出确认提示框
<script language=”JavaScript”>
var userChoice = window.confirm(“Click OK or Cancel”);
if (userChoice) {
document.write(“You chose OK”);
} else {
document.write(“You chose Cancel”);
}
</script>
56 提示输入
<script language=”JavaScript”>
var userName = window.prompt(“Please Enter Your Name”,”Enter Your Name Here”);
document.write(“Your Name is “ + userName);
</script>
57 打开一个新窗口
//打开一个名称为myNewWindow的浏览器新窗口
<script language=”JavaScript”>
window.open(“http://www.liu21st.com/”,”myNewWindow”);
</script>
58 设置新窗口的大小
<script language=”JavaScript”>
window.open(“http://www.liu21st.com/”,”myNewWindow”,'height=300,width=300');
</script>
59 设置新窗口的位置
<script language=”JavaScript”>
window.open(“http://www.liu21st.com/”,”myNewWindow”,'height=300,width=300,left=200,screenX=200,top=100,screenY=100');
</script>
60 是否显示工具栏和滚动栏
<script language=”JavaScript”>
window.open(“http:
61 是否可以缩放新窗口的大小
<script language=”JavaScript”>
window.open('http://www.liu21st.com/' , 'myNewWindow', 'resizable=yes' );</script>
62 加载一个新的文档到当前窗口
<a href='#' onClick='document.location = '125a.html';' >Open New Document</a>
63 设置页面的滚动位置
<script language=”JavaScript”>
if (document.all) { //如果是IE浏览器则使用scrollTop属性
document.body.scrollTop = 200;
} else { //如果是NetScape浏览器则使用pageYOffset属性
window.pageYOffset = 200;
}</script>
64 在IE中打开全屏窗口
<a href='#' onClick=”window.open('http://www.juxta.com/','newWindow','fullScreen=yes');”>Open a full-screen window</a>
65 新窗口和父窗口的操作
<script language=”JavaScript”>
//定义新窗口
var newWindow = window.open(“128a.html”,”newWindow”);
newWindow.close(); //在父窗口中关闭打开的新窗口
</script>
在新窗口中关闭父窗口
window.opener.close()
66 往新窗口中写内容
<script language=”JavaScript”>
var newWindow = window.open(“”,”newWindow”);
newWindow.document.open();
newWindow.document.write(“This is a new window”);
newWIndow.document.close();
</script>
67 加载页面到框架页面
<frameset cols=”50%,*”>
<frame name=”frame1” src="/”135a.html"”>
<frame name=”frame2” src="/”about:blank"”>
</frameset>
在frame1中加载frame2中的页面
parent.frame2.document.location = “135b.html”;
68 在框架页面之间共享脚本
如果在frame1中html文件中有个脚本
function doAlert() {
window.alert(“Frame 1 is loaded”);
}
那么在frame2中可以如此调用该方法
<body onLoad=”parent.frame1.doAlert();”>
This is frame 2.
</body>
69 数据公用
可以在框架页面定义数据项，使得该数据可以被多个框架中的页面公用
<script language=”JavaScript”>
var persistentVariable = “This is a persistent value”;
</script>
<frameset cols=”50%,*”>
<frame name=”frame1” src="/”138a.html"”>
<frame name=”frame2” src="/”138b.html"”>
</frameset>
这样在frame1和frame2中都可以使用变量persistentVariable
70 框架代码库
根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库
<frameset cols=”0,50%,*”>
<frame name=”codeFrame” src="/”140code.html"”>
<frame name=”frame1” src="/”140a.html"”>
<frame name=”frame2” src="/”140b.html"”>
</frameset>
