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如何让视频变灰
  • 热门搜索
    反对邪教手抄报内容 我爱老师手抄报 绿色校园手抄报内容 感恩老师手抄报图片 唐山世园会手抄报 关于红领巾的手抄报 反对校园暴力手抄报 爱护眼睛手抄报 文明交通手抄报图片 手抄报的装饰花边