1. 程式人生 > >JS 控制網頁全屏或退出全屏

JS 控制網頁全屏或退出全屏

<!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>無標題文件</title>

 <SCRIPT LANGUAGE="javascript">
 function windowopen(){

  if (this.name!='fullscreen'){
   window.open(location.href,'fullscreen','fullscreen,scrollbars')
  }
  else
  {
      window.close(self);
  }
 }
 </script>
 </HEAD>
 <BODY  onLoad="document.onkeydown = showKeyDown">
 <a onClick="windowopen()" >是否全屏</a> </BODY>
</html>

相關推薦

JS 控制網頁退出

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w

js 控制網頁退出

網上找了好多資料,基本大同小異,實際效果會出現IE不相容的現象(全屏和退出全屏都失效), 後來解決了,記錄如下:function requestFullScreen(element) {     var

js控制進入退出

需求是這樣的 ,有一個圖示元素,點選後進入全屏,再次點選退出全屏。 實現程式碼: <li id="fullscreen"><a href="#" ><span cl

js控制網頁視窗一開啟就自動

1、如果不需要開新視窗 在body區加入: <body   onLoad= "javascript:window.resizeTo(screen.availWidth,screen.availHeight);window.moveTo(0,0) "> 2

JS控制網頁

在谷歌,IE等瀏覽器中,點選F11按鍵會進入網頁全屏模式,如同看電影的劇場模式,這個在程式碼中可以通過JS來實現,簡單說下在實現這個需求後的個人總結: 底層網頁是已經載入完畢的,這時我們需要的全屏其實

JS實現網頁退出

$('#alarm-fullscreen-toggler').on('click', function(e) { var element = document.documentElement; if (!$('body').hasClass("full-screen")) { $('body'

JS實現HTML中frameset瀏覽器退出

<script type="text/javascript"> /* 全屏 */ function fullScreen() { var el = document.documentElement

JS實現退出

直接上程式碼: //innerHTML指的是從物件的起始位置到終止位置的全部內容,包括Html標籤。//innerText 指的是從起始位置到終止位置的內容,但它去除Html標籤。 <script type="text/javascript"> function FullScreen(el)

JS實現瀏覽器退出

測試環境:     【作業系統】: win7 64位     【IE】:IE9     【FireFox】: FireFox 29     【Chrome】: Chrome 34     眾所周知,IE是個奇葩的瀏覽器,但是由於使用者量很大,開發者還是不得不為IE考慮

js 頁面退出, fullScreen

專案有個需求,當點選開啟一個新頁面的時候需要該頁面全屏(類似F11鍵功能),查詢之後發現沒辦法直接用js來觸發全屏,只能通過使用者滑鼠、鍵盤等事件中才能觸發,即“對於一些非使用者事件,比如onload、

div的退出

.html ner class 方法 播放器 get ont show func div的全屏與退出全屏 作用:將div全屏與退出全屏,一般播放器使用較多。 html按鈕: <button onclick="showFull();">

vue 實現退出的功能

<span class="icon-contain" @click="getFullCreeen"> <svg-icon icon-class="quanping" /> </span> JS export default {

Android 正確進入退出的姿勢

進入全屏 private void hideSystemUI() { getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_FULLSCREEN | View.SYSTEM_UI

Js控制頁面重新整理(區域性重新整理&頁面重新整理)

區域性重新整理: 這個方法就多了去了,常見的有以下幾種;  $.get方法,$.post方法,$.getJson方法,$.ajax方法如下  前兩種使用方法基本上一樣  $.get(”Default.php”, {id:”1″, page: “2″ },  functio

Js控制網頁滑動的時候頂部導航條變成半透明例項

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <!--引

js控制頁面的展示和退出顯示的方法

<!DOCTYPE html>  <html>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <body>  <div style="margin:0 aut

手機影音第九天,控制視頻播放與退出播放,音量調節按鈕來控制視頻音量與靜音的實現

視頻的全屏播放 音量變化與靜音 代碼以托管到碼雲,有興趣的小夥伴可以下載看看 https://git.oschina.net/joy_yuan/MobilePlayer一、視頻全屏播放與退出全屏 系統默認的videoview類,沒有調整大小的方法,因此需要自定義一個類,繼承vide

js控制瀏覽器

man trigge ros event object 屬性 pad 一次 運行 HTML 5中的full screen,目前可以在除IE和opera外的瀏覽器中使用 ,有的時候用來做全屏API,遊戲呀,等都很有用。先看常見的API element.requestFull

html5 video 移動開發二(js控制 video 開始暫停,等功能)

var video=document.getElementById("myPlayer"); 進入全屏js控制: //谷歌(webkit核心瀏覽器) video.webkitRequestFullScreen() //火狐 video.mozRequestFullScreen()

win7遠端桌面如何退出切換

在遠端登入到伺服器上時,一般都會切換到全屏狀態來進行操作,但全屏後發現桌面頂部沒有浮動工具欄,無法退出全屏狀態,怎麼能切換回去呢? 方法是使用快捷鍵“Ctrl + Alt + Break”