javascript開啟新視窗

1. 一、window.open()支援環境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+   
2.   
3.   
4. 二、基本文法：   
5. window.open(pageURL,name,parameters)    
6. 其中：   
7. pageURL 為子視窗路徑    
8. name 為子視窗控制代碼    
9. parameters 為視窗參數(各參數用逗號分隔)    
10.   
11.   
12. 三、樣本：   
13. <SCRIPT>    
14. <!--    
15. window.open (''page.html'',''newwindow'',''height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no'')    
16. //寫成一行    
17. -->    
18. </SCRIPT>   
19. 指令碼運行後，page.html將在新表單newwindow中開啟，寬為100，高為400，距屏頂0象素，屏左0象素，無工具條，無菜單條，無捲軸，不可調整大小，無地址欄，無狀態欄。   
20. 請對照。   
21.   
22. 上例中涉及的為常用的幾個參數，除此以外還有很多其他參數，請見四。   
23.   
24.   
25. 四、各項參數   
26. 其中yes/no也可使用1/0；pixel value為具體的數值，單位象素。   
27.   
28. 參數 | 取值範圍 | 說明    
29. | |    
30. alwaysLowered | yes/no | 指定視窗隱藏在所有視窗之後    
31. alwaysRaised | yes/no | 指定視窗懸浮在所有視窗之上    
32. depended | yes/no | 是否和父視窗同時關閉    
33. directories | yes/no | Nav2和3的目錄欄是否可見    
34. height | pixel value | 視窗高度    
35. hotkeys | yes/no | 在沒功能表列的視窗中設安全退出熱鍵    
36. innerHeight | pixel value | 視窗中文檔的像素高度    
37. innerWidth | pixel value | 視窗中文檔的像素寬度    
38. location | yes/no | 位置欄是否可見    
39. menubar | yes/no | 功能表列是否可見    
40. outerHeight | pixel value | 設定視窗(包括裝飾邊框)的像素高度    
41. outerWidth | pixel value | 設定視窗(包括裝飾邊框)的像素寬度    
42. resizable | yes/no | 視窗大小是否可調整    
43. screenX | pixel value | 視窗距螢幕左邊界的像素長度    
44. screenY | pixel value | 視窗距螢幕上邊界的像素長度    
45. scrollbars | yes/no | 視窗是否可有滾動欄    
46. titlebar | yes/no | 視窗題目欄是否可見    
47. toolbar | yes/no | 視窗工具列是否可見    
48. Width | pixel value | 視窗的像素寬度    
49. z-look | yes/no | 視窗被啟用後是否浮在其它視窗之上   
50.   
51. window.showModalDialog使用手冊   
52.   
53.   
54. 基本介紹：   
55. showModalDialog() (IE 4+ 支援)   
56. showModelessDialog() (IE 5+ 支援)   
57. window.showModalDialog()方法用來建立一個顯示HTML內容的模態對話方塊。   
58. window.showModelessDialog()方法用來建立一個顯示HTML內容的非模態對話方塊。   
59.   
60. 使用方法：   
61. vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])   
62. vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])   
63.   
64. 參數說明：   
65. sURL--   
66. 必選參數，類型：字串。用來指定對話方塊要顯示的文檔的URL。   
67. vArguments--   
68. 選擇性參數，類型：變體。用來向對話方塊傳遞參數。傳遞的參數類型不限，包括數組等。對話方塊通過window.dialogArguments來取得傳遞進來的參數。   
69. sFeatures--   
70. 選擇性參數，類型：字串。用來描述對話方塊的外觀等資訊，可以使用以下的一個或幾個，用分號“;”隔開。   
71. 1.dialogHeight :對話方塊高度，不小於１００px，ＩＥ４中dialogHeight 和 dialogWidth 預設的單位是em，而ＩＥ５中是px，為方便其見，在定義modal方式的對話方塊時，用px做單位。   
72. 2.dialogWidth: 對話方塊寬度。   
73. 3.dialogLeft: 離螢幕左的距離。   
74. 4.dialogTop: 離螢幕上的距離。   
75. 5.center: {yes | no | 1 | 0 }：視窗是否置中，預設yes，但仍可以指定高度和寬度。   
76. 6.help: {yes | no | 1 | 0 }：是否顯示協助按鈕，預設yes。   
77. 7.resizable: {yes | no | 1 | 0 } ［ＩＥ５＋］：是否可被改變大小。預設no。   
78. 8.status: {yes | no | 1 | 0 } ［IE5+］：是否顯示狀態列。預設為yes[ Modeless]或no[Modal]。   
79. 9.scroll:{ yes | no | 1 | 0 | on | off }：指明對話方塊是否顯示捲軸。預設為yes。   
80. 下面幾個屬性是用在HTA中的，在一般的網頁中一般不使用。   
81. 10.dialogHide:{ yes | no | 1 | 0 | on | off }：在列印或者預覽列印時對話方塊是否隱藏。預設為no。   
82. 11.edge:{ sunken | raised }：指明對話方塊的邊框樣式。預設為raised。   
83. 12.unadorned:{ yes | no | 1 | 0 | on | off }：預設為no。   
84.   
85. 參數傳遞：   
86. 1.要想對話方塊傳遞參數，是通過vArguments來進行傳遞的。類型不限制，對於字串類型，最大為4096個字元。也可以傳遞對象，例如：   
87. -------------------------------   
88. parent.htm   
89. <script>   
90. var obj = new Object();   
91. obj.name="51js";   
92. window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");   
93. </script>   
94. modal.htm   
95. <script>   
96. var obj = window.dialogArguments   
97. alert("您傳遞的參數為：" + obj.name)   
98. </script>   
99. -------------------------------   
100. 2.可以通過window.returnValue向開啟對話方塊的視窗返回資訊，當然也可以是對象。例如：   
101. ------------------------------   
102. parent.htm   
103. <script>   
104. str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");   
105. alert(str);   
106. </script>   
107. modal.htm   
108. <script>   
109. window.returnValue="http://www.bokee.com";   
110. </script>