JS window.open()屬性

標籤：style   http   color   java   使用   os   io   檔案   

一. Window 對象

Window 對象是 JavaScript 層級中的頂層對象。

Window 對象代表一個瀏覽器表單或一個架構。

Window 對象會在 <body> 或 <frameset> 每次出現時被自己主動建立。

 

二.

open() 方法用於開啟一個新的瀏覽器表單或尋找一個已命名的表單。

 

三.

window.open(URL,name,features,replace)

參數	描寫敘述
URL	一個可選的字串，聲明了要在新表單中顯示的文檔的 URL。假設省略了這個參數，或者它的值是Null 字元串，那麼新表單就不會顯示不論什麼文檔。
name	一個可選的字串，該字串是一個由逗號分隔的特徵列表，當中包含數字、字母和底線，該字元聲明了新表單的名稱。這個名稱能夠用作標記 <a> 和 <form> 的屬性 target 的值。假設該參數指定了一個已經存在的表單，那麼 open() 方法就不再建立一個新表單，而僅僅是返回對指定表單的引用。在這樣的情況下，features 將被忽略。
features	一個可選的字串，聲明了新表單要顯示的標準瀏覽器的特徵。假設省略該參數，新表單將具有全部標準特徵。在表單特徵這個表格中，我們對該字串的格式進行了具體的說明。
replace	一個可選的布爾值。規定了裝載到表單的 URL 是在表單的瀏覽曆史中建立一個新條目，還是替換瀏覽曆史中的當前條目。支援以下的值： true - URL 替換瀏覽曆史中的當前條目。 false - URL 在瀏覽曆史中建立新的條目。

四.表單特徵（Window Features）

channelmode=yes|no|1|0	是否使用劇院模式顯示表單。默覺得 no。
directories=yes|no|1|0	是否加入檔案夾button。默覺得 yes。
fullscreen=yes|no|1|0	是否使用全螢幕模式顯示瀏覽器。預設是 no。處於全螢幕模式的表單必須同一時候處於劇院模式。
height=pixels	表單文檔顯示區的高度。以像素計。
left=pixels	表單的 x 座標。以像素計。
location=yes|no|1|0	是否顯示地址欄位。預設是 yes。
menubar=yes|no|1|0	是否顯示菜單條。預設是 yes。
resizable=yes|no|1|0	表單是否可調節尺寸。預設是 yes。
scrollbars=yes|no|1|0	是否顯示滾動欄。預設是 yes。
status=yes|no|1|0	是否加入狀態列。預設是 yes。
titlebar=yes|no|1|0	是否顯示標題列。預設是 yes。
toolbar=yes|no|1|0	是否顯示瀏覽器的工具列。預設是 yes。
top=pixels	表單的 y 座標。
width=pixels	表單的文檔顯示區的寬度。以像素計。

 

五.

注意：     

window.open(URL,name,features,replace)

假設name使用名字已經存在，那麼不會建立一個新的表單，而是會返回對已經存在的表單的引用。

否則，則建立一個新的表單。

我就是沒有注意這點，網頁全屏時候，花了非常多時間。

 

六.詳細業務功能

6.1 開啟一個全屏的表單

<script type="text/javascript">

window.open("http://google.com/",‘新開googleWin‘,"fullscreen=1")

</script>

 

6.2 使本頁面全屏

解決方式：先開啟一個全屏的目標表單，然後關閉本表單。

代碼：

<script type="text/javascript">

     var url=document.location.href; //獲得本表單內容名
      newWin=window.open(url,‘‘,‘fullscreen=1,scrollbars=0‘);      
      window.opener=null;//出掉關閉時候的提示表單
      window.open(‘‘,‘_self‘); //ie7      
      window.close();

</script>

 

注意：假設你在open方法中指定第二個參數，並為他賦予特定的值話，那麼第二次使用上面方法，將無法建立新的表單，由於系統預設的返回已經存在表單的索引。

 

按ESC退出全屏

<script type="text/javascript">

// Esc退出全屏
      function exitFullScreenMe()
         {
             var esc=window.event.keyCode;
             if(esc==27) //推斷是不是按的Esc鍵,27表示Esc鍵的keyCode.
             {
              var url=document.location.href;
              
       win=window.open(url,‘‘,‘fullscreen=0,directories=1,location=1,menubar=1,resizable=1,scrollbars=1,status=1,titlebar=1,toolbar=1‘); //讓新開啟的表單全屏                          
       
       window.opener=null;//出掉關閉時候的提示表單
       window.open(‘‘,‘_self‘);//ie7          
       window.close(); //先關閉老的表單          
                 
             }
         }
         document.onkeydown = exitFullScreenMe ; //當onkeydown(按鍵觸發) 事件發生時調用hotkey函數

</script>

 

6.3同一時候彈出兩個表單

<script type="text/javascript">

window.open("http://google.com/",‘新開googleWin1‘,"height=300, width=300, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")

window.open("http://google.com/",‘新開googleWin2‘,"height=300, width=300, top=0, left=400,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")
</script>

注意：（1）表單的名字不能同樣，但能夠都為空白；

（2）要注意兩個表單的布局，是否符合你的要求。

 

6.4

第一次進入頁面才彈出表單.cookie解決

首先，將例如以下代碼增加首頁面HTML的<HEAD>區：

　　<script>
　　function openwin(){
　　window.open("page.html","","width=200,height=200")
　　}
　　function get_cookie(Name) {
　　var search = Name + "="
　　var returnvalue = "";
　　if (document.cookie.length > 0) {
　　offset = document.cookie.indexOf(search)
　　if (offset != -1) {
　　offset += search.length
　　end = document.cookie.indexOf(";", offset);
　　if (end == -1)
　　end = document.cookie.length;
　　returnvalue=unescape(document.cookie.substring(offset, end))
　　}
　　}
　　return returnvalue;
　　} 　
　　function loadpopup(){
　　if (get_cookie(‘popped‘)==‘‘){
　　openwin()
　　document.cookie="popped=yes"
　　}
　　}
　　</script>

　　然後，用<body onload="loadpopup()">（注意不是openwin而是loadpop啊！）替換首頁面中原有的<BODY>這一句就可以。你能夠試著重新整理一下這個頁面或又一次進 入該頁面，表單再也不會彈出了。