javascript:window.open 開啟已最大化的視窗設定及詳解

來源:互聯網
上載者:User
目的主要是使用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指令碼結束

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.