博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现全屏
阅读量:5138 次
发布时间:2019-06-13

本文共 830 字,大约阅读时间需要 2 分钟。

 

document.getElementById("btn").οnclick=function(){  var elem = document.getElementById("content");    requestFullScreen(elem);    /*     注意这里的样式的设置表示全屏显示之后的样式,     退出全屏后样式还在,     若要回到原来样式,需在退出全屏里把样式还原回去     (见写法三)     */    elem.style.height = '800px';    elem.style.width = '100%'; }; function requestFullScreen(element) {   var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;    if (requestMethod) {       requestMethod.call(element);    }else if (typeof window.ActiveXObject !== "undefined") {      var wscript = new ActiveXObject("WScript.Shell");       if (wscript !== null) {         wscript.SendKeys("{F11}");       }     } }

  代码来源:。

  这个可以使选定的内容全屏而不是页面上所有的内容全屏,不过这个有个缺点是高度不能铺满。

转载于:https://www.cnblogs.com/yaoya/p/8350561.html

你可能感兴趣的文章
jvm slot复用
查看>>
LibSVM for Python 使用
查看>>
Centos 7.0 安装Mono 3.4 和 Jexus 5.6
查看>>
Windows 7 上安装Visual Studio 2015 失败解决方案
查看>>
iOS按钮长按
查看>>
Shell流程控制
查看>>
CSS属性值currentColor
查看>>
[Leetcode|SQL] Combine Two Tables
查看>>
《DSP using MATLAB》Problem 7.37
查看>>
ROS lesson 1
查看>>
js笔记
查看>>
c风格字符串函数
查看>>
python基础学习第二天
查看>>
java可重入锁reentrantlock
查看>>
浅谈卷积神经网络及matlab实现
查看>>
解决ajax请求cors跨域问题
查看>>
【123】
查看>>
《收获,不止Oracle》pdf
查看>>
LinkedList<E>源码分析
查看>>
Real-Time Rendering 笔记
查看>>