history api html5 刷新界面怎么办_随笔

在HTML5中，

1. 新增了通过JS在浏览器历史记录中添加项目的功能。

2. 在不刷新页面的前提下显示改变浏览器地址栏中的URL。

3. 添加了当用户单击浏览器的后退按钮时触发的事件。

通过以上三点，可以实现在不刷新页面的前提下动态改变浏览器地址栏中的URL，动态显示页面内容。

我刚开始也在找这个问题的答案，现在解决了，为后面学习的人栽棵树吧。

实现这个功能有很多种方法，这里我选一种个人认为比较简单的方法：

建立三个网页，一个作为主页面，另外两个子页面作为切换页面嵌入主页面，子页面也可以用文字替代。

用jQuery方法来切换页面，语言比较简单网上搜一下看看就懂了

下面附上代码

<!DOCTYPE html>

<html>

<head>

// jQuery代码

$(document).ready(function () {

$("#b1").click(function () {

$("#tab_1").show()// 显示

$("#tab_2").hide()// 隐藏

})

$("#b2").click(function () {

$("#tab_1").hide()

$("#tab_2").show()

})

</script>

</head>

<body>

<div>

</div>

<div>

<ul>

</ul>

</div>

<div>

子页面1

</div>

子页面2

</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

history api html5 刷新界面怎么办