JavaScript 对象

JavaScript 参考手册

JS DOM参考手册

أحداث جافا سكريبت HTML DOM مثلث جافا سكريبت الأحداث (Event Objects)

HTML DOM requestFullscreen() 方法

مثلث جافا سكريبت HTML DOM العنصر

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 and 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 and 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;
}

اختبار لرؤية‹/›

مراجع ذات صلة

مرجع HTML DOMطريقة document.exitFullscreen()

مرجع HTML DOMخصائص document.fullscreenElement

مرجع HTML DOMخصائص document.fullscreenEnabled

مثلث جافا سكريبت HTML DOM العنصر

أحداث جافا سكريبت HTML DOM مثلث جافا سكريبت الأحداث (Event Objects)