mg4377娱乐娱城官网_mg4377娱乐手机版_www.mg4377.com

当前位置: mg4377娱乐娱城官网 > www.mg4377.com > 正文

js全屏展现,js全屏显示呈现代码的二种艺术

时间:2019-08-31 02:11来源:www.mg4377.com
js调控页面包车型客车全屏浮现和剥离全屏呈现的主意,js全屏呈现 本文实例陈述了js调控页面包车型地铁全屏显示和剥离全屏展现的不二诀窍。分享给我们供大家仿效。具体落到实处际

js调控页面包车型客车全屏浮现和剥离全屏呈现的主意,js全屏呈现

本文实例陈述了js调控页面包车型地铁全屏显示和剥离全屏展现的不二诀窍。分享给我们供大家仿效。具体落到实处际景况势如下:

复制代码 代码如下:<!DOCTYPE html>   
<html>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<body>   
<div style="margin:0 auto;height:600px;width:700px;"> 
<button id="btn">js调节页面包车型大巴全屏展现和剥离全屏呈现</button>   
<div id="content" style="margin:0 auto;height:500px;width:700px; background:#ccc;" > 
<h1>js调整页面的全屏体现和剥离全屏展现</h1>   
</div> 
</div>   
</body>   
<script language="JavaScript">     
document.getElementById("btn").onclick=function(){    
    var elem = document.getElementById("content");     
    requestFullScreen(elem);    
};    
function requestFullScreen(element) {   
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;   
    if (requestMethod) {     
        requestMethod.call(element);   
    } else if (typeof window.ActiveXObject !== "undefined") {     
        var wscript = new ActiveXObject("WScript.Shell");   
        if (wscript !== null) {   
            wscript.SendKeys("{F11}");   
        }   
js全屏展现,js全屏显示呈现代码的二种艺术。    }   
}   
</script>   
</html>

期待本文所述对大家的javascript程序设计具备帮忙。

本文实例叙述了js调整页面的全屏显示和退出全屏呈现的法门。分享给大家供大家...

本文实例陈说了js调控页面包车型大巴全屏展示和剥离全屏展现的形式。分享给我们供大家参照他事他说加以考察。具体贯彻方式如下:

js调整页面包车型客车全屏体现和退出全屏展现的主意

 那篇小说主要介绍了js调整页面包车型地铁全屏体现和退出全屏显示的艺术,实例深入分析了javascript调整页面全屏效果的技术,具备自然参谋借鉴价值,须要的爱侣能够参见下

 

 

本文实例叙述了js调整页面包车型大巴全屏显示和剥离全屏展现的秘技。分享给大家供我们参谋。具体完毕格局如下:

 

代码如下:

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<body>
<div style="margin:0 auto;height:600px;width:700px;">
<button id="btn">js调节页面包车型地铁全屏显示和退出全屏彰显</button>
<div id="content" style="margin:0 auto;height:500px;width:700px; background:#ccc;" >
<h1>js调节页面包车型大巴全屏体现和退出全屏呈现</h1>
</div>
</div>
</body>
<script language="JavaScript">
document.getElementById("btn").onclick=function(){
var elem = document.getElementById("content");
requestFullScreen(elem);
};
function requestFullScreen(element) {
var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
if (requestMethod) {
requestMethod.call(element);
} else if (typeof window.ActiveXObject !== "undefined") {
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
</script>
</html>

 

梦想本文所述对我们的javascript程序设计有所援助。

那篇小说首要介绍了js调节页面包车型客车全屏浮现和退出全屏展现的法子,实例分析了javascript调节页面...

第一种:
       在已经张开的贰个普普通通网页上,点击“全屏展现”,然后步向该网页对应的全屏情势。方法为:在网页的<body>与</body>之间进入以下代码:

复制代码 代码如下:

相关小说

有关找出:

明日看甚

检索能力库

再次回到首页

  • 手机天猫商城怎么查看删除已经收藏的商品?
  • 悟空音乐怎么设置单曲循环?
  • 两面新闻提示声音怎样关闭?
  • 手提式有线电话机Taobao怎么买轻轨票
  • 爱奇艺App怎么开展会员?
  • xp系统如何删除平时用不上的系统输入法教程

连带频道: HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表明式  Flex教程  WEB前端教程  

复制代码 代码如下:

<!DOCTYPE html>   
<html>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   
<body>   
<div style="margin:0 auto;height:600px;width:700px;"> 
<button id="btn">js调节页面包车型客车全屏呈现和退出全屏展现</button>   
<div id="content" style="margin:0 auto;height:500px;width:700px; background:#ccc;" > 
<h1>js调控页面包车型客车全屏展示和剥离全屏显示</h1>   
</div> 
</div>   
</body>   
<script language="JavaScript">     
document.getElementById("btn").onclick=function(){    
    var elem = document.getElementById("content");     
    requestFullScreen(elem);    
};    
function requestFullScreen(element) {   
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;   
    if (requestMethod) {     
        requestMethod.call(element);   
    } else if (typeof window.ActiveXObject !== "undefined") {     
        var wscript = new ActiveXObject("WScript.Shell");   
        if (wscript !== null) {   
            wscript.SendKeys("{F11}");   
        }   
    }   
}   
</script>   
</html>

帮客户议

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

指望本文所述对我们的javascript程序设计有着协助。

        要是全屏彰显的不是本页,则只须要把document.location换为对应的网站就可以,即如下代码:

你大概感兴趣的作品:

  • JS 全屏和退出全屏详解及实例代码
  • Android全屏设置的点子总计
  • Android 应用的全屏和非全屏落到实处代码
  • jquery横向纵向鼠标滚轮全屏切换
  • JS实现全屏的各类写法
  • JavaScript全屏和剥离全屏事件下结论(附代码)

复制代码 代码如下:

编辑:www.mg4377.com 本文来源:js全屏展现,js全屏显示呈现代码的二种艺术

关键词: