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 返回如何才能不刷新
  • 豆瓣怎么创建我的影视
  • Audition怎么设置调整音频剪辑时预览视频帧
  • 2021Unity引擎教程:Unity激活如何操作?
  • css3如何设置内外同时有阴影
  • edius如何让视频变灰
  • 热门搜索
    广西旅游线路 江苏旅游景点排行 东三省旅游 乌镇旅游攻略两天一夜 江西旅游网 兴城旅游 长泰旅游 名古屋旅游 旅游婚纱 去欧洲旅游