码农教程 - 一技在手,衣食无忧! tools

目录

Fullscreen API exitFullscreen()

❮ 全屏API参考 下一节❯

示例

以全屏模式打开 HTML 页面，然后单击按钮将其关闭：

/* Get the documentElement (<html>) to display the page in fullscreen */
var elem = document.documentElement;

/* View in fullscreen */
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.webkitRequestFullscreen) { /* Safari */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE11 */
    elem.msRequestFullscreen();
  }
}

/* Close fullscreen */
function closeFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.webkitExitFullscreen) { /* Safari */
    document.webkitExitFullscreen();
  } else if (document.msExitFullscreen) { /* IE11 */
    document.msExitFullscreen();
  }
}
亲自试一试 »

下面有更多 "亲自试一试" 示例。

描述

exitFullscreen() 方法取消全屏模式下的元素。

提示：使用请求全屏()以全屏模式打开元素的方法。

浏览器支持

表中的数字指定完全支持该方法的第一个浏览器版本。笔记：有些浏览器需要特定的前缀（见括号）：

Method
exitFullscreen() 71.0
15.0 (webkit)		 79.0
11.0 (ms)		 64.0
9.0 (moz)		 6.0 (webkit) 58.0
15.0 (webkit)

语法

HTMLElementObject.exitFullscreen()

参数

没有任何

技术细节

返回值： 无返回值

更多示例

当页面处于全屏模式时，您可以使用 CSS 来设置页面样式：

示例

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}

/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}

/* Standard syntax */
:fullscreen {
  background-color: yellow;
}
亲自试一试 »

❮ 全屏API参考 下一节❯