您的位置:首页 > 其它

网页全屏显示

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

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

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

是个极其危险的网站,那你就瞎了,因为他可以很轻易的就让你的浏览器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);

好了,就到这吧。。。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: