JS window.open()打開新窗口屬性詳解

主要目的是使用javascript:window.open()對瀏覽器 iE6.0,7.0,8.0,chorme,safari,firefox能適用。

剛開始的時候對最大化使用
<a href="javascript:void window.open('https://www.sina. com.cn/ ','XX','fullscreen,scrollbars,resizable=yes,toolbar=no')">Open</a>
對IE6.0,它的效果是全屏，但是沒有了關閉等等按鈕，必須打開任務管理器了才能關掉，對用戶很不方便。
而對safari,根本就不起作用，還是原來的窗體大小打開。

正確的使用方法是
<a href="javascript:void window.open('https://www.sina.com.cn/ ','XX',' left=0,top=0,width='+ (screen.availWidth - 10) +',height='+ (screen.availHeight-50) +',scrollbars,resizable=yes,toolbar=no')">Open</a>
對這些瀏覽器是 OK的

隨便添加些window.open()的介紹

1.基本語法  window.open(pageURL,name,parameters)

2.各項參數
其中yes/no也可使用1/0；pixel value為具體的數值，單位象素。

參數 | 取值范圍 | 說明

alwaysLowered | yes/no | 指定窗口隱藏在所有窗口之后 
alwaysRaised | yes/no | 指定窗口懸浮在所有窗口之上 
depended | yes/no | 是否和父窗口同時關閉 
directories | yes/no | Nav2和3的目錄欄是否可見 
height | pixel value | 窗口高度 
hotkeys | yes/no | 在沒菜單欄的窗口中設安全退出熱鍵 
innerHeight | pixel value | 窗口中文檔的像素高度 
innerWidth | pixel value | 窗口中文檔的像素寬度 
location | yes/no | 位置欄是否可見 
menubar | yes/no | 菜單欄是否可見 
outerHeight | pixel value | 設定窗口(包括裝飾邊框)的像素高度 
outerWidth | pixel value | 設定窗口(包括裝飾邊框)的像素寬度 
resizable | yes/no | 窗口大小是否可調整 
screenX | pixel value | 窗口距屏幕左邊界的像素長度 
screenY | pixel value | 窗口距屏幕上邊界的像素長度 
scrollbars | yes/no | 窗口是否可有滾動欄 
titlebar | yes/no | 窗口題目欄是否可見 
toolbar | yes/no | 窗口工具欄是否可見 
Width | pixel value | 窗口的像素寬度 
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上

3.一個例子介紹

彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體情況。

1. <SCRIPT LANGUAGE="javascript"> 
2. <!-- 
3. 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') 
4. //寫成一行 
5. --> 
6. </SCRIPT> 

參數解釋： 
<SCRIPT LANGUAGE="javascript"> js腳本開始； 
window.open 彈出新窗口的命令； 
'page.html' 彈出窗口的文件名； 
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替； 
height=100 窗口高度； 
width=400 窗口寬度； 
top=0 窗口距離屏幕上方的象素值； 
left=0 窗口距離屏幕左側的象素值； 
toolbar=no 是否顯示工具欄，yes為顯示； 
menubar，scrollbars 表示菜單欄和滾動欄。 
Resizable=no 是否允許改變窗口大小，yes為允許； 
location=no 是否顯示地址欄，yes為允許； 
status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes為允許； 
</SCRIPT> js腳本結束

 

原文來自於：https://www.cnblogs.com/yunfei181/archive/2010/12/24/1915949.html