js全螢幕顯示顯示程式碼的三種方法_javascript技巧

第一種：
       在已開啟的一個普通網頁上，點選“全螢幕顯示”，然後進入該網頁對應的全螢幕模式。方法為：在網頁的

與之間加入以下程式碼：

複製程式碼 程式碼如下:

 

 

        若以全螢幕顯示的不是本頁，只需將document.location換成對應的網址即可，即如下代碼：

複製程式碼 程式碼如下:

 

 

第二種：
       在執行網頁時，例如你在網址列裡直接輸入：http://localhost:8080/temp.jsp，此時關閉網頁，同時顯示一個空白的全螢幕網頁，方法為：在body裡寫如下程式碼：
 

複製程式碼 程式碼如下:

第三種：
        其實是上兩種的疊加，一般這種情況也用的比較多。就是直接開啟一個網頁的時候，就進入它的全螢幕模式，這種情況就和第一種不同了，因為第一種，當你點擊了「全螢幕顯示」按鈕後，它是新開啟一個全螢幕的網頁，但是原來普通的那個網頁還是有，所以，這個比較好一些。方法為：建立兩個jsp文件，第一個裡只運行如下程式碼，例如名字叫demo.jsp；第二個則是你實際要運行的內容，例如叫：temp.jsp：

demo.jsp:

複製程式碼 程式碼如下:

temp. jsp:

複製程式碼 程式碼如下:

這裡就是我的全螢幕內容，再看看原來我們在網址列輸入的demo.jsp，是不是關閉了？ OK，搞定！

退出全螢幕
---------------------- -------------------------------------------------- -------------------------------------------------- ------------------------------------------

對於退出全屏，我上網也搜過很多資料，總體來說，都很難達到我們期望的目標，比如：我們可以加一個超鏈接在新窗口打開；也可以應用上面打開全螢幕的方法的逆方法來做。但是，無論怎麼搞，最後從全屏往普通模式切換的時候，總是相當於重新打開一個窗口，這樣，加入我們原來的全屏模式正在放電影，你如果切換一下成普通模式，就得重新加載，這肯定不行。但是，沒辦法，我現在就參看這篇貼文裡的5樓的回覆：http://topic.csdn.net/t/20021028/12/1130882.html，就這個方法，大致上還過的去，只不過，它這個方法不叫全屏，相當於把視窗向上平移了一定得高度，我們還是可以拖曳視窗。程式碼如下：

複製程式碼 程式碼如下:

關閉頁
------------------------- -------------------------------------------------- -------------------------------------------------- ---------------------------------------

如果要關閉頁面，那就只需要在頁面中加上這麼一個超連結即可：

複製程式碼

程式碼如下:

關閉視窗