js 浏览器全屏
来源:互联网 发布:赵薇是许宗衡女人 知乎 编辑:程序博客网 时间:2024/06/01 09:10
这篇博文写的比较好,收藏下
https://www.cnblogs.com/javaee6/p/3756249.html
全屏有兼容性问题,这里针对谷歌浏览器举例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <button onclick="fullScreen()">全屏</button> <button onclick="exitFullScreen()">退出全屏</button> <div style="background:red;width:200px;height:200px" id="box">111</div> <script> function fullScreen () { document.documentElement.webkitRequestFullScreen() } function exitFullScreen () { document.webkitCancelFullScreen() } </script></body></html>
阅读全文