<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<style>
.box{
width: 100px;
height: 100px;
background-color: red;
}
</style>
<title></title>
</head>
<body>
<div class="box"></div>
<button class="btn">全屏按钮</button>
<script>
var box= document.querySelector('.box');
var btn= document.querySelector('.btn');
btn.onclick=function(){
//RequestFullScreen是h5的全屏效果
box.webkitRequestFullScreen();
}
</script>
</body>
</html>
点击按钮全屏操作
最新推荐文章于 2024-05-17 15:15:32 发布