手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

h5 返回如何才能不刷新

时间:2024-10-31 20:44:29

1、在同一文件夹下新建两个html文件,分别为“index.html"和“back.html”,其中index.html为返回后的页面,back.html是含有返回按钮的页面。

h5 返回如何才能不刷新

2、我们先完善index.html代码,填写html5标准代码,然后新建一个input输入框标签(用于查看返回后是否刷新)和一个a标签,a标签用于跳转到back.html.

h5 返回如何才能不刷新

3、back.html我们编写一个返回的button按钮。

h5 返回如何才能不刷新

4、通过js获取button标签元素,然后做button标签的点击事件函数,并通过alert()方法测试点击事件是否生效。

h5 返回如何才能不刷新
h5 返回如何才能不刷新

5、测试生效后,我们删除alert(),写入history.go(-1);这段代码的意思是返回当前页面的前一页面,但是不刷新前一页面。

h5 返回如何才能不刷新

6、用浏览器打开index.html页面,输入“123”后点击跳转。

h5 返回如何才能不刷新

7、跳转到back.html页面后,我们点击返回按钮,可以发现,点击按钮后,页面直接返回index.html其输入框中带有数字“123”,这样我们就实现了h5 返回且不刷新。

h5 返回如何才能不刷新
h5 返回如何才能不刷新
© 手抄报圈