浏览器全屏代码

Html

Css


    
    

请下载后查看效果

document.getElementById("btn").onclick=function(){
    var elem = document.getElementById("content");
    //requestFullScreen(elem);// 某个页面元素
    requestFullScreen(document.documentElement);// 整个网页
};

//退出全屏 判断浏览器种类
function exitFull() {
    // 判断各种浏览器，找到正确的方法
    var exitMethod = document.exitFullscreen || //W3C
    document.mozCancelFullScreen ||    //Chrome等
    document.webkitExitFullscreen || //FireFox
    document.webkitExitFullscreen; //IE11
    if (exitMethod) {
        exitMethod.call(document);
    }
    else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

浏览器全屏代码



代码描述：点击按钮实现浏览器全屏

无需任何包和插件，直接拷贝到页面使用，非常简单方便！！！！

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

kevin

相关代码

浏览器全屏代码

最新