一、使用window.close()方法
在HTML5中，可以使用window.close()方法关闭当前页面。这个方法可以在当前页面或者一个弹出窗口中使用。
在Chrome、Firefox和Safari浏览器中，只有在窗口是由JavaScript打开时，这个方法才能正常工作。
示例代码如下：
function closeWindow() {
window.close();
}
二、通过标签的target属性实现关闭页面
在HTML5中，通过给标签设置target=”_self”属性，就可以实现在当前页面打开链接，从而关闭当前页面。
示例代码如下：
关闭当前页面
三、使用标签的onclick事件实现关闭页面
通过在HTML5中使用标签，并在它上面定义一个onclick事件，可以实现关闭当前页面。
示例代码如下：
关闭当前页面
四、在form表单中使用JavaScript实现关闭页面
在HTML5中，可以在form表单中使用JavaScript实现关闭当前页面。
示例代码如下：
<form id="closeForm"> <input type="submit" onclick="window.close()" value="关闭当前页面"> </form>
五、使用onbeforeunload事件实现关闭页面
onbeforeunload事件可以在用户关闭当前页面时触发。通过在这个事件的处理程序中运行JavaScript代码，可以关闭当前页面。
示例代码如下：
window.onbeforeunload = function(event) {
return confirm("确定要关闭当前页面吗？");
};
六、使用window.location.replace()方法实现重定向页面
使用window.location.replace()方法实现重定向页面，也可以实现关闭当前页面。
示例代码如下：
window.location.replace("http://www.example.com");
七、总结
通过以上七种方法，可以在HTML5中实现关闭当前页面的功能。具体使用哪种方法，需要根据具体的业务需求来选择。
原创文章，作者：COTCJ，如若转载，请注明出处：https://www.506064.com/n/369493.html
微信扫一扫 
支付宝扫一扫 