HTML5全屏

最新推荐文章于 2024-05-30 22:28:39 发布

转载最新推荐文章于 2024-05-30 22:28:39 发布 · 230 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Liu-yz/p/10382419.html

本文介绍了一段使用不同浏览器API实现页面全屏显示的JavaScript代码示例。该代码适用于Firefox、Chrome、IE和Safari等主流浏览器，通过检测并调用相应的全屏请求方法，使网页元素进入全屏模式。

function fullscreen(element) {
    if(element.requestFullscreen) {
        element.requestFullscreen();
    } else if(element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
    } else if(element.webkitRequestFullscreen) {
        element.webkitRequestFullscreen();
    } else if(element.msRequestFullscreen) {
        element.msRequestFullscreen();
    }
}
fullscreen(document.documentElement)

转载于:https://www.cnblogs.com/Liu-yz/p/10382419.html