js實現全屏


 

詳細內容請點擊

 

1、window.open方式

第一種:

在已經打開的一個普通網頁上,點擊“全屏顯示”,然后進入該網頁對應的全屏模式。方法為:在網頁的<body>與</body>之間加入以下代碼:

<form>
<input type="BUTTON" name="FullScreen" value="全屏顯示" onClick="window.open(document.location, 'big', 'fullscreen=yes')">
</form>

如果全屏顯示的不是本頁,則只需要把document.location換為對應的網址即可,即如下代碼:

<form>
<input type=BUTTON name=FullScreen value=全屏顯示 onClick="window.open('URL地址','big','fullscreen=yes')">
</form>

第二種:

在運行一個網頁時,比如你在網址欄里直接輸入:http://localhost:8080/temp.jsp,此時關閉該網頁,同時顯示一個空白的全屏網頁,方法為:在body里寫如下代碼:

<body onload=window.open('','',fullscreen=1);opener=null;window.close()>

</body>

第三種:

其實就是以上兩種的疊加,一般這種情況也用的比較多。就是直接打開一個網頁的時候,就進入它的全屏模式,這種情況就和第一種不同了,因為第一種,當你點擊了“全屏顯示”按鈕后,它是新打開一個全屏的網頁,但是原來普通的那個網頁仍然有,所以,這個就比較好一些。方法為:建立兩個jsp文件,第一個里只運行如下代碼,比如名字叫demo.jsp;第二個則是你實際要運行的內容,比如叫:temp.jsp:

demo.jsp:

<body onload="window.open('temp.jsp','_blank','fullscreen=1');opener=null;window.close()">

</body>

temp.jsp:

<%@ page contentType="text/html;charset=GB2312" language="java" %>

<html>

<body>

這里就是我的全屏內容,再看看原來我們在地址欄里輸入的demo.jsp,是不是關閉了?OK,搞定!

</body>

</html>

2、模擬F11功能(不支持多瀏覽器)方式

<SCRIPT LANGUAGE="JavaScript"> <!-- function fullscreen(){ //在ie下可行 var wsh = new ActiveXObject("WScript.Shell"); wsh.sendKeys("{F11}"); } //--> </SCRIPT>

 

更多js內容請點擊

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM