改變瀏覽器狀態欄文字提示
1
<script language=”JavaScript”>
2
window.status = “A new status message”;
3
</script>
彈出確認提示框
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>
提示輸入
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>
打開一個新窗口
1<script language=”JavaScript”>
2 //打開一個名稱為myNewWindow的瀏覽器新窗口
3 window.open(“http://www.liu21st.com/”,”myNewWindow”);
4</script>
設置新窗口的大小
1<script language=”JavaScript”>
2 window.open(“http://www.liu21st.com/”,”myNewWindow”,'height=300,width=300');
3</script>
設置新窗口的位置
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>
是否顯示工具欄和滾動欄
1<SCRIPT LANGUAGE="javascript">
2 window.open("http://www.liu21st.com/","newwindow","height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")
3</SCRIPT>
是否可以縮放新窗口的大小
1<script language=”JavaScript”>
2 window.open("http://www.liu21st.com/" , "myNewWindow", "resizable=yes");
3</script>
加載一個新的文檔到當前窗口
1<a href='#' onClick='document.location = '125a.html';' >Open New Document</a>
設置頁面的滾動位置
1<script language=”JavaScript”>
2 if (document.all) { //如果是IE瀏覽器則使用scrollTop屬性
3 document.body.scrollTop = 200;
4 } else { //如果是NetScape瀏覽器則使用pageYOffset屬性
5 window.pageYOffset = 200;
6 }
7</script>
在IE中打開全屏窗口
1<a href='#' onClick=”window.open('http://www.juxta.com/','newWindow','fullScreen=yes');”>Open a full-screen window</a>
新窗口和父窗口的操作
1<script language=”JavaScript”>
2 //定義新窗口
3 var newWindow = window.open(“128a.html”,”newWindow”);
4 newWindow.close(); //在父窗口中關閉打開的新窗口
5</script>
6在新窗口中關閉父窗口
7window.opener.close();
往新窗口中寫內容
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>
加載頁面到框架頁面
1<frameset cols=”50%,*”>
2 <frame name=”frame1” src="/”135a.html"”>
3 <frame name=”frame2” src="/”about:blank"”>
4</frameset>
5在frame1中加載frame2中的頁面
6parent.frame2.document.location = “135b.html”;
在框架頁面之間共享腳本
如果在frame1中html文件中有個腳本
1function doAlert() {
2 window.alert(“Frame 1 is loaded”);
3}
那么在frame2中可以如此調用該方法
1<body onLoad=”parent.frame1.doAlert();”>
2 This is frame 2.
3</body>
數據公用
可以在框架頁面定義數據項，使得該數據可以被多個框架中的頁面公用
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
框架代碼庫
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>
posted on 2009-02-11 10:49
飛翔天使 閱讀(568)
評論(0) 編輯 收藏 所屬分類:
javascript