zoukankan      html  css  js  c++  java
  • 网页全屏显示

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

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

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

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

    好了,就到这吧。。。

  • 相关阅读:
    for语句及switch case用法示例
    ●验证控件
    ●LinQ to SQL
    ●操作Word
    141107●VS2012的一些使用技巧
    ●Winform拖动无边框窗口、播放音频、启动外部exe程序
    ●操作文件目录及文件
    ●流
    ●事务及异常处理
    ●Winform对话框
  • 原文地址:https://www.cnblogs.com/lds2014/p/4905636.html
Copyright © 2011-2022 走看看