首页 > 软件开发 > JavaScript >

html/js 如何刷新页面和就地跳转

来源:互联网 2023-03-16 23:58:19 版权归原作者所有,如有侵权,请联系我们

介绍在html/js中,如何刷新页面或者就地跳转。页面刷新可以使用meta标签或者js代码,就地跳转本经验只介绍一种js实现方式。UiP办公区 - 实用经验教程分享!

html/js 如何刷新页面和就地跳转UiP办公区 - 实用经验教程分享!

工具/原料

  • firefox (browser)

方法/步骤

  • 1

    首先,是刷新页面的办法。如图所示,可以在html的head标签内,添加meta标签,设置其http-equiv属性为refresh,content表示秒数,如图为3。UiP办公区 - 实用经验教程分享!

    html/js 如何刷新页面和就地跳转UiP办公区 - 实用经验教程分享!

  • 2

    浏览器打开页面如图所示,每隔三秒自动就地刷新页面,而且是真实的刷新而不是从缓存读取。UiP办公区 - 实用经验教程分享!

    html/js 如何刷新页面和就地跳转UiP办公区 - 实用经验教程分享!

  • 2
  • 3

    如果使用js代码,需要用setInterval设置时间间隔(毫秒数),但是如果如图使用history.go(0)的话,是不会下载新页面的,只是重新载入缓存的页面。UiP办公区 - 实用经验教程分享!

    html/js 如何刷新页面和就地跳转UiP办公区 - 实用经验教程分享!

  • 4

    js代码实现的页面刷新的一种办法如图,使用window.location.reload(),这样是页面的重新下载。UiP办公区 - 实用经验教程分享!

    另外,也可以使用第二张图的做法。UiP办公区 - 实用经验教程分享!

    html/js 如何刷新页面和就地跳转UiP办公区 - 实用经验教程分享!

    html/js 如何刷新页面和就地跳转UiP办公区 - 实用经验教程分享!

  • 5

    如果要实现跳转,在js代码中,可以编写如图函数(jump),使用location.assign(目标url)。注意,目标url要完整,比如要带有http。UiP办公区 - 实用经验教程分享!

    html/js 如何刷新页面和就地跳转UiP办公区 - 实用经验教程分享!

    html/js 如何刷新页面和就地跳转UiP办公区 - 实用经验教程分享!

  • 注意事项

    • 使用js实现跳转和刷新还有很多很多做法,不再赘述了。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!UiP办公区 - 实用经验教程分享!


    标签: HTMLJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号