js控制页面的全屏展示和退出全屏显示

最新推荐文章于 2024-07-19 15:49:07 发布

zwwill

最新推荐文章于 2024-07-19 15:49:07 发布

阅读量4.8k

点赞数 2

分类专栏： HTML JS 文章标签： js 全屏 F11

本文链接：https://blog.csdn.net/willspace/article/details/44100931

版权

本文介绍了如何使用JavaScript来控制网页的全屏显示和退出全屏操作，详细讲解了全屏API的使用方法，并给出了F11快捷键触发全屏的实现示例。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>  
<html>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<body>  
<div style="margin:0 auto;height:600px;width:700px;">
<button id="btn">js控制页面的全屏展示和退出全屏显示</button>  
<div id="content" style="margin:0 auto;height:500px;width:700px; background:#ccc;" >
  <h1>js控制页面的全屏展示和退出全屏显示</h1>  
</div>
</div>  
</body>  
<script language="JavaScript">    
document.getElementById("btn").οnclick=function(){   
	var elem = document.getElementById("content");    
	requestFullScreen(elem);   
};   
  
function requestFu