JavaScript 对象

JavaScript 参考手册

JS DOM参考手册

HTML DOM イベント Event オブジェクト（イベントオブジェクト）

HTML DOM requestFullscreen() 方法

HTML DOM Element オブジェクト

requestFullscreen()方法用来在全屏模式下打开一个元素。

此方法需要特定的前缀才能在不同的浏览器中工作（请参考下面的浏览器兼容性）。

使用document.exitFullscreen()方法取消全屏模式。

语法：

HTMLElement.requestFullscreen()

例

/*　获取(<html>)元素以全屏显示页面　*/
var  elem  =  document.documentElement;
/*　全屏查看　*/
function  openFullscreen()  {
　　if  (elem.requestFullscreen)  {
　　　　　elem.requestFullscreen();
　　}  else  if  (elem.mozRequestFullScreen)  {/*　Firefox　*/
　　　　　elem.mozRequestFullScreen();
　　}　else　if　(elem.webkitRequestFullscreen)　{　/*　Chrome、Safari、およびOpera　*/
　　　　　elem.webkitRequestFullscreen();
　　}　else　if　(elem.msRequestFullscreen)　{　/*　IE/Edge　*/
　　　　　elem.msRequestFullscreen();
　　}
}

テストを見て‹/›

浏览器兼容性

表格中的数字指定了完全支持该方法的第一个浏览器版本。每个浏览器都需要一个特定的供应商前缀：

Method
requestFullscreen()	15.0（Webkit）	9.0（moz）	12.10（Webkit）	5.1（Webkit）	11.0（ms）

技术细节

返回值：	没有

更多实例

以全屏模式显示<video>元素：

例

/*　获取(<video>)元素　*/
var  elem  =  document.getElementsByTagName("video")[0];
/*　全屏查看　*/
function  openFullscreen()  {
　　if  (elem.requestFullscreen)  {
　　　　　elem.requestFullscreen();
　　}  else  if  (elem.mozRequestFullScreen)  {/*　Firefox　*/
　　　　　elem.mozRequestFullScreen();
　　}　else　if　(elem.webkitRequestFullscreen)　{　/*　Chrome、Safari、およびOpera　*/
　　　　　elem.webkitRequestFullscreen();
　　}　else　if　(elem.msRequestFullscreen)　{　/*　IE/Edge　*/
　　　　　elem.msRequestFullscreen();
　　}
}

テストを見て‹/›

ページが全画面モードになっている場合、CSSでページのスタイルを設定することができます：

例

div:-moz-full-screen　{
　　　background-color: pink;
}
div:-webkit-full-screen　{
　　　background-color: pink;
}
div:fullscreen　{
　　　background-color: pink;
}

テストを見て‹/›

JavaScript 对象

JavaScript 参考手册

JS DOM参考手册

HTML DOM requestFullscreen() 方法

语法：

浏览器兼容性

技术细节

更多实例

関連リファレンス