专业编程基础技术教程

网站首页 > 基础教程 正文

HTML5 的无刷新加载页面技术(html无刷新跳转)

ccvgpt 2024-08-01 11:28:18 基础教程 20 ℃

HTML5的无刷新技术。在html5出来前,实现无刷新前进后退通常是结合location.hash+onhashchange事件来实现的,有了html5,可以利用html5 history api来实现加载新页面!

实现无刷新前进后退通常是结合location.hash+onhashchange事件来实现的

HTML5 的无刷新加载页面技术(html无刷新跳转)

History对象原来有三个方法,一个属性。

history.length:历史列表中的网址数。

history.back():加载历史列表前一个网址。

history.forward():加载历史列表后一个网址。

history.go(num):加载历史列表中的某个页面,参数为相对当前页面,跳转的次数。go(-1)与back()效果相同,go(1)与forward()效果相同。go(-2)与单击两次后退按钮执行的操作一样。

h5 history api实现无刷新跳转

Tags:

最近发表
标签列表