javascript全屏显示的简单介绍

今天给各位分享javascript全屏显示的知识，其中也会对进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

1、用js实现页面中标签全屏显示（工具栏，状态栏等都看不到），大小根据显示器分辨率大小显示，最好有代码2、怎样用javascript控制视频，使之“鼠标单击全屏显示”3、javascript 弹框全屏(宽体大小不守浏览器显示，大小以显示器大小等同)4、怎么样用JavaScript让chrome浏览器全屏5、如何使用javascript强制uc进入全屏模式

用js实现页面中标签全屏显示（工具栏，状态栏等都看不到），大小根据显示器分辨率大小显示，最好有代码

script language=”JavaScript”

function WALL_web(){

var WshShell = new ActiveXObject(‘WScript.Shell’)

WshShell.SendKeys(‘{F11}’); //模拟发送f11，使浏览器全屏，但是会出现安全提示，点是就可

}

/script

a href=”javascript:WALL_web();”点击全屏/a

怎样用javascript控制视频，使之“鼠标单击全屏显示”

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”

html xmlns=””

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

script language=”javascript”

function vopen(){

var num = 0;

var vkai = document.getElementById(“kai”);

var vguan = document.getElementById(“guan”);

var vdiv = document.getElementById(“video”);

vdiv.style.display=”block”;

vkai.style.display=”none”;

vguan.style.display=”block”;

document.getElementById(“MediaPlayer”).controls.play();

document.getElementById(“MediaPlayer”).ShowControls = -1;

document.getElementById(“xianshi”).style.display = “block”;

}

function dofull(){

document.getElementById(“MediaPlayer”).fullScreen = 1;

vopen();

}

function vclose(){

var vkai = document.getElementById(“kai”);

var vguan = document.getElementById(“guan”);

var vdiv = document.getElementById(“video”);

vdiv.style.display=”none”;

vkai.style.display=”block”;

vguan.style.display=”none”;

document.getElementById(“MediaPlayer”).controls.stop();

document.getElementById(“xianshi”).style.display = “none”;

}

/script

title无标题文档/title

/head

body

div class=”container”

div class=”vleft”

div id=”video” style=”display:none;”

object id=”MediaPlayer” class=”vplayer” width=”600px” height=”560px” classid=”CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6″

param name=”URL” value=”video.wmv”

param name=”autoStart” value=”0″

param name=”ShowControls” value=”-1″

param name=”PlayCount” value=”10000000″

param name=”ShowPositionControls” value=”-1″

param name=”ShowAudioControls” value=”-1″

param name=”uiMode” value=”none”

param name=”ShowTracker” value=”-1″

param name=”ShowDisplay” value=”-1″

param name=”ShowStatusBar” value=”-1″

param name=”enabled” value=”-1″

param name=”SendMouseClickEvents” value=”1″

param name=”SendMouseMoveEvents” value=”1″

param name=”DisplaySize” value=”0″

/object

/div

/div

div class=”vright”

div class=”xpage”a href=”javascript:window.history.go(-1)” target=”_self”img src=”images/X2.png” //a/div

div class=”rightpic”/div

div class=”vbut” id=”kai” onclick=”vopen()” style=”cursor:hand;”点击看视频/div

div class=”vbut” id=”xianshi” onclick=”dofull()” style=”cursor:hand;display:none”点击全屏/div

div class=”vbut” id=”guan” onclick=”vclose()” style=”cursor:hand; display:none;”关闭视频/div

div class=”vbut” id=”back” onclick=”javascript:window.history.go(-1)” style=”cursor:hand;”返回/div

/div

/div

/body

/html

你要的是这样的效果么?

满意要给分哦,老大

javascript 弹框全屏(宽体大小不守浏览器显示，大小以显示器大小等同)

style

#box{width:100%;height:100px;position:fixed;_position:absolute;z-index:9999;left:0;top:0;background-color:#000;color:#fff;}

.boxs{padding:20px;}

/style

div id=”box”div class=”boxs”弹窗中间内容/div/div

a href=”javascript:box()”显示弹窗/a

//jQuer.js

script

function box(){

$(“#box”).fadeIn(300);

}

/script

只要是fixed属性100%宽高即可。_position:absolute是为了兼容IE6

怎么样用JavaScript让chrome浏览器全屏

/**

 * 全屏方法

 */

function fullScreen(domId){

    var element = document.getElementById(domId);

    // request fullScreen

    this.request = function(){

        if(element.requestFullScreen) {

        element.requestFullScreen();

        } else if(element.mozRequestFullScreen) {

        element.mozRequestFullScreen();

        } else if(element.webkitRequestFullScreen) {

            // 对 Chrome 特殊处理，

            // 参数 Element.ALLOW_KEYBOARD_INPUT 使全屏状态中可以键盘输入。

            if ( window.navigator.userAgent.toUpperCase().indexOf( ‘CHROME’ ) = 0 ) {

                 element.webkitRequestFullScreen( Element.ALLOW_KEYBOARD_INPUT );

            }

            // Safari 浏览器中，如果方法内有参数，则 Fullscreen 功能不可用。

            else {

                 element.webkitRequestFullScreen();

            }

        }else if(element.msRequestFullscreen){

             element.msRequestFullscreen();

        }else {

            throw new Error(“your browser doesn’t support the fullScreen,please change or update it.”);

        }

        console.log(  element.style.zIndex);

        return element.style.zIndex;

    };

    //取消全屏

    this.cancelFullscreen = function() {

        if(document.cancelFullScreen) {

            document.cancelFullScreen();

        } else if(document.mozCancelFullScreen) {

            document.mozCancelFullScreen();

        } else if(document.webkitCancelFullScreen) {

            document.webkitCancelFullScreen();

        } else if(document.msExitFullscreen){

            document.msExitFullscreen();

        } else{

            throw new Error(“your browser doesn’t support the fullScreen,please change or update it.”);

        }

    } ;

}

//判断当前状态是否为全屏

var isFullScreen = function(){

    if(document.fullscreenElement||document.webkitFullscreenElement||document.mozFullScreenElement||document.msFullscreenElement)

        return true;

    else

        return false;

};

如何使用javascript强制uc进入全屏模式

对你想要全屏显示的页面元素调用全屏方法，浏览器窗口就会变成全屏，但会先请求用户允许全屏模式。要注意，用户很有可能会拒绝全屏模式。如果用户运行全屏模式，则浏览器的工具条等按钮菜单都会隐藏，你的页面会覆盖整个屏幕。退出全屏模式

这个exitFullscreen方法(也需要加浏览器前缀)会让浏览器退出全屏模式，变成正常模式。

javascript全屏显示的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、javascript全屏显示的信息别忘了在本站进行查找喔。