1.在开发过程中我们前端的用户体验中有时候会要求点击一个按钮，关闭当前浏览器窗口。用html DOM就可做到。
2.注意：本次写法要求在新窗口中关闭。 target="_blank"
3. 由a.html 中打开b.html 在b页面中点击按钮关闭B页面
4. a页面代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> </head> <body> <div> <a href='button_colse.html' target="_blank">测试点击按钮关闭当前页面</a> </div> </body> </html>
5. b页面代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css"></style>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
</head>
<body>
<div>
点击我关闭本页面
</div>
<button onclick="javascript:window.opener=null;window.open('','_self');window.close();" type="button" role="button" aria-disabled="false">
<span class="ui-button-text">
<span>关闭</span>
</span>
</button>
</body>
</html>Atas ialah kandungan terperinci 实现在新打开的页面点击关闭窗口的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Perkara yang perlu dilakukan jika ralat berlaku dalam skrip halaman semasa
Apakah perbezaan antara rabbitmq dan kafka
Bagaimana untuk menyembunyikan alamat IP pada TikTok
pertanyaan berbilang jadual mysql
Cara menghidupkan mod selamat Word
403penyelesaian terlarang
Apakah kesan penutupan port 445?
Tutorial C#
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
