HTML5中关闭当前页面的常用方法

一、使用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中实现关闭当前页面的功能。具体使用哪种方法，需要根据具体的业务需求来选择。