English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
مثال على جافا سكربت HTML DOM Document
exitFullscreen()يستخدم هذا الدالة لإخراج المستند الحالي من نمط الشاشة الكاملة.
يحتاج هذا الدالة إلى مسبقًا لتكون قابلة للتطبيق في مختلف المتصفحات (يرجى الرجوع إلى توافق المتصفحات أدناه).
الاستخدامrequestFullscreen()يستخدم هذا الدالة لفتح عنصر في نمط الشاشة الكاملة.
document.exitFullscreen()
/* 获取 (<html>) 元素以全屏显示页面 */
var elem = document.documentElement;
/* View in fullscreen */
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();
}
}
/* Close fullscreen */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) { /* Firefox */
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE/Edge */
document.msExitFullscreen();
}
}اختبار لرؤية‹/›الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذه الطريقة لأول مرة. كل متصفح يحتاج إلى ما يُدعى بهوامش المزود:
| الطريقة | |||||
| exitFullscreen() | 15.0 (webkit) | 9.0 (moz) | 12.10 (webkit) | 5.1 (webkit) | 11.0 (ms) |
| الناتج: | لا يوجد |
|---|
عندما تكون الصفحة في وضع الشاشة الكاملة، يمكنك استخدام CSS لضبط تصميم الصفحة:
div:-moz-full-screen {
background-color: pink;
}
div:-webkit-full-screen {
background-color: pink;
}
div:fullscreen {
background-color: pink;
}اختبار لرؤية‹/›