window.open 開啟視窗最大化。。。
阿新 • • 發佈:2019-01-07
最近在做專案的時候用到了彈出視窗,並且彈出視窗要求最大化處理,在網上搜了一些關於彈出視窗的例子,都不行,後來找到了解決問題的方法:
一下是普通彈出視窗的例子:
<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);