html5规范确定了页面内元素调用全屏的方式，目前主流的浏览器都实现了这个功能。 示例代码如下：

<meta charset='utf-8' />
<div id='a'>request full screen</div>
<script>
var elem = document.getElementById("a");

// 调用全屏方法必须用户主动操作才可以，js是不允许直接调用的
elem.onclick=function(){
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.msRequestFullscreen) {
    elem.msRequestFullscreen();
  } else if (elem.mozRequestFullScreen) {
    elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) {
    elem.webkitRequestFullscreen();
  }
};
</script>

如果浏览器支持全屏，则点击a之后应该会看到全屏显示a这个元素了。

查看 MDN 上的参考文档

相关文档

暂无

随便看看

1. sqlite 查看table的构建语句

2. 记一次nodejs内存泄漏的排查经历

3. 安卓文字偏上，文字顶部被遮罩

4. word文件命令行打印

5. pip安装nltk临时使用国内源

6. sass变量和继承类写法

7. raw.githubusercontent.com DNS被指向127.0.0.1

8. nginx用域名来转发请求

9. SSL certificate problem: self signed certificate in certificate chain

10. nodejs本地双向代理 端口转发

11. 树莓派实现用pi用户自动登录

12. heroku查看app使用时间

13. git记住/删除账号密码

14. centos查看最近一次的开机时间

15. mysql导出csv文件

16. mac搜索局域网内的主机

17. sendmail用nginx做代理

18. 配置mysql ssl连接