`
zhuixue
  • 浏览: 171983 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

js实现全屏

    博客分类：
  • js
JSPIEJavaScript浏览器HTML
阅读更多

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> 




 




 


 


  


  

    
    
分享到：
      
      
    

  


  

    

      
      |
      propertyIsEnumerable 属性
    

  

  

        
  

    
  

    
评论

    
    
    
    
  


  

    
发表评论

            
   您还没有登录,请您登录后再发表评论 

      

  

  





  

    
相关推荐

    
    
  





  
    Magicbox
  













      

      
        

          

            

              

                

                
              

            

            


            

          

        

            
    

    
    
  

  



   Global site tag (gtag.js) - Google Analytics