54 改变浏览器状态栏文字提示
  1. <script language=”JavaScript”>
  2. window.status “A new status message”;
  3. </script>


55 弹出确认提示框
  1. <script language=”JavaScript”>
  2. var 
  3. userChoice window.confirm(“Click OK or Cancel”);
  4. if (
  5. userChoice) { 
  6. document.write(“You chose OK”);
  7.  } else { 
  8. document.write(“You chose Cancel”);
  9.  }
  10. </script>


56 提示输入
  1. <script language=”JavaScript”>
  2. var 
  3. userName window.prompt(“Please Enter Your Name”,”Enter Your Name Here”);
  4. document.write(“Your Name is “ userName);
  5. </script>


57 打开一个新窗口
  1. //打开一个名称为myNewWindow的浏览器新窗口
  2. <script language=”JavaScript”>
  3. window.open(“http://www.liu21st.com/”,”myNewWindow”);
  4. </script>


58 设置新窗口的大小
  1. <script language=”JavaScript”>
  2. window.open(“http://www.liu21st.com/”,”myNewWindow”,'height=300,width=300');
  3. </script>


59 设置新窗口的位置
  1. <script language=”JavaScript”>
  2. window.open(“http://www.liu21st.com/”,”myNewWindow”,'height=300,width=300,left=200,screenX=200,top=100,screenY=100');
  3. </script>


60 是否显示工具栏和滚动栏
  1. <script language=”JavaScript”>
  2. window.open(“http:


61 是否可以缩放新窗口的大小
  1. <script language=”JavaScript”>
  2. window.open('http://www.liu21st.com/' 'myNewWindow''resizable=yes' );</script>


62 加载一个新的文档到当前窗口
  1. <a href='#' onClick='document.location = '125a.html';' >Open New Document</a>


63 设置页面的滚动位置
  1. <script language=”JavaScript”>
  2. if (
  3. document.all) { //如果是IE浏览器则使用scrollTop属性
  4. document.body.scrollTop 200;
  5.  } else { 
  6. //如果是NetScape浏览器则使用pageYOffset属性
  7. window.pageYOffset 200;
  8.  }
  9. </script>


64 在IE中打开全屏窗口
  1. <a href='#'  onClick=”window.open('http://www.juxta.com/','newWindow','fullScreen=yes');>Open a full-screen window</a>


65 新窗口和父窗口的操作
  1. <script language=”JavaScript”>
  2. //定义新窗口
  3. var newWindow window.open(“128a.html”,”newWindow”);
  4. newWindow.close(); //在父窗口中关闭打开的新窗口
  5. </script>
  6. 在新窗口中关闭父窗口
  7. window.opener.close()


66 往新窗口中写内容
  1. <script language=”JavaScript”>
  2. var 
  3. newWindow window.open(“”,”newWindow”);
  4. newWindow.document.open();
  5. newWindow.document.write(“This is a new window”);
  6. newWIndow.document.close();
  7. </script>


67 加载页面到框架页面
  1. <frameset cols=”50%,*>
  2. <
  3. frame name=”frame1” src=”135a.html”>
  4. <
  5. frame name=”frame2” src=”about:blank”>
  6. </
  7. frameset>
  8. 在frame1中加载frame2中的页面
  9. parent
  10. .frame2.document.location “135b.html”;


68 在框架页面之间共享脚本
如果在frame1中html文件中有个脚本
  1. function doAlert() { 
  2. window.alert(“Frame 1 is loaded”);
  3.  }

那么在frame2中可以如此调用该方法
  1. <body onLoad=”parent.frame1.doAlert();>
  2. This is frame 2.
  3. </body>


69 数据公用
可以在框架页面定义数据项,使得该数据可以被多个框架中的页面公用
  1. <script language=”JavaScript”>
  2. var 
  3. persistentVariable “This is a persistent value”;
  4. </script>
  5. <frameset cols=”50%,*”>
  6. <frame name=”frame1” src=”138a.html”>
  7. <frame name=”frame2” src=”138b.html”>
  8. </frameset>


这样在frame1和frame2中都可以使用变量persistentVariable
70 框架代码库
根据以上的一些思路,我们可以使用一个隐藏的框架页面来作为整个框架集的代码库
  1. <frameset cols=”0,50%,*>
  2. <
  3. frame name=”codeFrame” src=”140code.html”>
  4. <
  5. frame name=”frame1” src=”140a.html”>
  6. <
  7. frame name=”frame2” src=”140b.html”>
  8. </
  9. frameset>