JavaScript 5:窗口和框架
54 改變瀏覽器狀態欄文字提示
55 彈出確認提示框
56 提示輸入
57 打開一個新窗口
58 設置新窗口的大小
59 設置新窗口的位置
60 是否顯示工具欄和滾動欄
61 是否可以縮放新窗口的大小
62 加載一個新的文檔到當前窗口
63 設置頁面的滾動位置
64 在IE中打開全屏窗口
65 新窗口和父窗口的操作
66 往新窗口中寫內容
67 加載頁面到框架頁面
68 在框架頁面之間共享腳本
如果在frame1中html文件中有個腳本
那么在frame2中可以如此調用該方法
69 數據公用
可以在框架頁面定義數據項,使得該數據可以被多個框架中的頁面公用
這樣在frame1和frame2中都可以使用變量persistentVariable
70 框架代碼庫
根據以上的一些思路,我們可以使用一個隱藏的框架頁面來作為整個框架集的代碼庫
- <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”);
- ?}
- <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>