小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

js 全屏顯示和關(guān)閉頁(yè)面(轉(zhuǎn))

 _小女子_ 2012-09-14

第一種:

       在已經(jīng)打開(kāi)的一個(gè)普通網(wǎng)頁(yè)上,點(diǎn)擊“全屏顯示”,然后進(jìn)入該網(wǎng)頁(yè)對(duì)應(yīng)的全屏模式。方法為:在網(wǎng)頁(yè)的<body>與</body>之間加入以下代碼:

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

        如果全屏顯示的不是本頁(yè),則只需要把document.location換為對(duì)應(yīng)的網(wǎng)址即可,即如下代碼:

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

第二種:

       在運(yùn)行一個(gè)網(wǎng)頁(yè)時(shí),比如你在網(wǎng)址欄里直接輸入:http://localhost:8080/temp.jsp,此時(shí)關(guān)閉該網(wǎng)頁(yè),同時(shí)顯示一個(gè)空白的全屏網(wǎng)頁(yè),方法為:在body里寫(xiě)如下代碼:

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

</body>

第三種:

        其實(shí)就是以上兩種的疊加,一般這種情況也用的比較多。就是直接打開(kāi)一個(gè)網(wǎng)頁(yè)的時(shí)候,就進(jìn)入它的全屏模式,這種情況就和第一種不同了,因?yàn)榈谝环N,當(dāng)你點(diǎn)擊了“全屏顯示”按鈕后,它是新打開(kāi)一個(gè)全屏的網(wǎng)頁(yè),但是原來(lái)普通的那個(gè)網(wǎng)頁(yè)仍然有,所以,這個(gè)就比較好一些。方法為:建立兩個(gè)jsp文件,第一個(gè)里只運(yùn)行如下代碼,比如名字叫demo.jsp;第二個(gè)則是你實(shí)際要運(yùn)行的內(nèi)容,比如叫: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>

這里就是我的全屏內(nèi)容,再看看原來(lái)我們?cè)诘刂窓诶镙斎氲膁emo.jsp,是不是關(guān)閉了?OK,搞定!

</body>

</html>

退出全屏

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

對(duì)于退出全屏,我上網(wǎng)也搜過(guò)很多資料,總體來(lái)說(shuō),都很難達(dá)到我們期望的目標(biāo),比如:我們可以加一個(gè)超鏈接 <a href="" target="_blank">在新窗口打開(kāi);也可以應(yīng)用上面打開(kāi)全屏的方法的逆方法來(lái)做。但是,無(wú)論怎么搞,最后從全屏往普通模式切換的時(shí)候,總是相當(dāng)于重新打開(kāi)一個(gè)窗口,這樣,加入我們?cè)瓉?lái)的全屏模式正在放電影,你如果切換一下成普通模式,就得重新加載,這肯定不行。但是,沒(méi)辦法,我現(xiàn)在就參看這篇帖子里的5樓的回復(fù):http://topic.csdn.net/t/20021028/12/1130882.html,就這個(gè)方法,大致上還過(guò)的去,只不過(guò),它這個(gè)方法不叫全屏,相當(dāng)于是把窗口向上平移了一定得高度,我們?nèi)匀豢梢酝蟿?dòng)窗口。代碼如下:

<%@ page contentType="text/html;charset=GB2312" language="java" %> 
<script   language="JScript">  
       var   o=1;  
function   goResize() 
{  
      var   d=document.body,e=event,m=event.srcElement;o? 
   new   function(){moveBy(e.clientX-e.screenX,e.clientY- e.screenY);resizeBy(screen.availWidth-d.offsetWidth,screen.availHeight- d.offsetHeight);m.value="取消";o=0}: 
   new   function(){moveTo(0,0);resizeTo(screen.availWidth,screen.availHeight);m.value="全屏";o=1}  
}  
</script>  
<input   type="button"   value="全屏"   onclick="goResize()">

關(guān)閉頁(yè)面

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

如果要關(guān)閉頁(yè)面,那么只需要在頁(yè)面中加上這么一個(gè)超鏈接即可:

<a href="javascript:self.close()" >關(guān)閉窗口</a>

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多