1. 程式人生 > >window.open 開啟視窗最大化。。。

window.open 開啟視窗最大化。。。

最近在做專案的時候用到了彈出視窗,並且彈出視窗要求最大化處理,在網上搜了一些關於彈出視窗的例子,都不行,後來找到了解決問題的方法:

一下是普通彈出視窗的例子:

  <SCRIPT LANGUAGE="javascript">
  <!--
  window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //這句要寫成一行
  -->
  </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為允許;

    fullscreen=yes (no) 是否全屏顯示zzzz
  status=no 是否顯示狀態列內的資訊(通常是檔案已經開啟),yes為允許;
  </SCRIPT> js指令碼結束
 
 如果加上fullscreen=yes 的話,彈出的瀏覽器是全屏狀態,相當於按下快捷鍵F12,不是我想要的情況,下面的程式碼可以完成彈出視窗的最大化:

<script type="text/javascript">
  var fulls = "left=0,screenX=0,top=0,screenY=0,scrollbars=1";    //定義彈出視窗的引數
  if (window.screen) {
     var ah = screen.availHeight - 30;
     var aw = screen.availWidth - 10;
     fulls += ",height=" + ah;
     fulls += ",innerHeight=" + ah;
     fulls += ",width=" + aw;
     fulls += ",innerWidth=" + aw;
     fulls += ",resizable"
 } else {
     fulls += ",resizable"; // 對於不支援screen屬性的瀏覽器,可以手工進行最大化。 manually
 }
 function openNewWindow(url,name){
  window.open(url,name,fulls);
 }
</script>


然後在JSP頁面中就可以直接呼叫openNewWindow()來開啟頁面了。


<script type="text/javascript">
     
     var xpwidth=window.screen.width-10;
        var xpheight=window.screen.height-35;
 </script>

window.open('map/mapview.aspx', '_blank', 'resizable=yes,directories=no,top=0,left=0,width='+xpwidth+',height='+xpheight);