亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

JavaScript控制瀏覽器全屏顯示簡(jiǎn)單示例

 更新時(shí)間：2018年07月05日 10:46:11   作者：angularWQ  
這篇文章主要介紹了JavaScript控制瀏覽器全屏顯示,結(jié)合簡(jiǎn)單實(shí)例形式分析了JavaScript響應(yīng)鼠標(biāo)事件控制瀏覽器全屏顯示與退出全屏顯示相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript控制瀏覽器全屏顯示。分享給大家供大家參考，具體如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>chabaoo.cn JS全屏顯示</title>
</head>
<body>
<div onclick="launchFullscreen(document.documentElement);">全屏顯示</div>
<div onclick="exitFullscreen()(document.documentElement);">退出全屏</div>
  <!--launchFullscreen(document.documentElement);-->
</body>
</html>
<script>
  // 判斷各種瀏覽器，找到正確的方法
  function launchFullscreen(element) {
    if(element.requestFullscreen) {
      element.requestFullscreen();
    } else if(element.mozRequestFullScreen) {
      element.mozRequestFullScreen();
    } else if(element.webkitRequestFullscreen) {
      element.webkitRequestFullscreen();
    } else if(element.msRequestFullscreen) {
      element.msRequestFullscreen();
    }
  }
  // 判斷瀏覽器種類
  function exitFullscreen() {
    if(document.exitFullscreen) {
      document.exitFullscreen();
    } else if(document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if(document.webkitExitFullscreen) {
      document.webkitExitFullscreen();
    }
  }
  // 退出全屏模式!
  exitFullscreen();
</script>

使用本站HTML/CSS/JS在線運(yùn)行測(cè)試工具：http://tools.jb51.net/code/HtmlJsRun，可得到如下測(cè)試運(yùn)行效果：

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript事件相關(guān)操作與技巧大全》、《JavaScript頁(yè)面元素操作技巧總結(jié)》、《JavaScript操作DOM技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論