网页全屏显示

最近有个帖子关于如何自动实现网页加载后直接实现全屏显示,看看了,着了给出整理:

首先得说的就是页面加载后直接全屏显示是不太现实,为肾呢。。。

肯定是有原因的,那就是保证安全性;你想啊,你一打开个网页结果他是全屏显示的,如果这个网页

是个极其危险的网站,那你就瞎了,因为他可以很轻易的就让你的浏览器over

言归正传,那么如何实现全屏呢:很简单只能使用时间监听,用户控制性的全屏了,虽然这听起来并没什么卵用,O(∩_∩)O~深以为然

document.getElementById('full').addEventListener('click',
    function() {
        var docElm = document.documentElement;
        if (docElm.requestFullscreen) {
            docElm.requestFullscreen();
        } else if (docElm.msRequestFullscreen) {
            docElm.msRequestFullscreen();
        } else if (docElm.mozRequestFullScreen) {
            docElm.mozRequestFullScreen();
        } else if (docElm.webkitRequestFullScreen) {
            docElm.webkitRequestFullScreen();
        }
    }, false);

实现的方式就是使用id=full的元素监听click;事件触发,则全屏。

可能有人会说,这尼玛不是坑人吗,哥我用F11不就O了吗,还用这个神马鸟。

好吧,还有另一种,不过这个方式。。。。

首先:你现在处于页面a.html中;

然后:你现在想打开页面b.html,并想让他全屏,怎嘛办(⊙o⊙)?

在a.html中使用window.open('页面b.html的url',screen.availWidth,screen.availHeight);

为了兼容性,在b.html中还是要再加上一段js:window.resizeTo(screen.availWidth,screen.availHeight);window.moveTo(0,0);

好了,就到这吧。。。

posted on 2015-10-23 20:42  木公2014  阅读(734)  评论(0编辑  收藏  举报