JavaScript方法和技巧大全(6)
54 改变浏览器状态栏文字提示
1: <script language=”javascript”>
2: window.status = “a new status message”;
3: </script>
55 弹出确认提示框
1: <script language=”javascript”>
2: var userchoice = window.confirm(“click ok or cancel”);
3: if (userchoice) {
4: document.write(“you chose ok”);
5: } else {
6: document.write(“you chose cancel”);
7: }
8: </script>
56 提示输入
1: <script language=”javascript”>
2: var username = window.prompt(“please enter your name”,”enter your name here”);
3: document.write(“your name is “ + username);
4: </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 (document.all) { //如果是ie浏览器则使用scrolltop属性
3: document.body.scrolltop = 200;
4: } else { //如果是netscape浏览器则使用pageyoffset属性
5: window.pageyoffset = 200;
6: }</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 newwindow = window.open(“”,”newwindow”);
3: newwindow.document.open();
4: newwindow.document.write(“this is a new window”);
5: newwindow.document.close();
6: </script>
67 加载页面到框架页面
1: <frameset cols=”50%,*”>
2: <frame name=”frame1” src="/”135a.html"”>
3: <frame name=”frame2” src="/”about:blank"”>
4: </frameset>
5: 在frame1中加载frame2中的页面
6: parent.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 persistentvariable = “this is a persistent value”;
3: </script>
4: <frameset cols=”50%,*”>
5: <frame name=”frame1” src="/”138a.html"”>
6: <frame name=”frame2” src="/”138b.html"”>
7: </frameset>
这样在frame1和frame2中都可以使用变量persistentvariable
70 框架代码库
根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库
1: <frameset cols=”0,50%,*”>
2: <frame name=”codeframe” src="/”140code.html"”>
3: <frame name=”frame1” src="/”140a.html"”>
4: <frame name=”frame2” src="/”140b.html"”>
5: </frameset>
文章整理：iocblog
版权申明：本站文章均来自网络，如有侵权，请联系我们，我们收到后立即删除，谢谢！
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有。