js如何在点击返回后刷新

 时间:2024-10-12 11:34:38

1、打开idea软件,建立一个新项目。(我是建立的Java项目)再新建一个test.html文件。如下图所示。

js如何在点击返回后刷新

2、在test.html文件中,编写下图中的代码。图中展示了三种方式都可实现刷新:1:a标签,2:onclick()属性,3:利用DOM元素的ID+onclick。

js如何在点击返回后刷新

3、再点击下图浏览器图标打开预览。点击返回1、返回2、返回3,都可以看到浏览器的刷新按钮的工作动画,说明三种都没问题。

js如何在点击返回后刷新
js如何在点击返回后刷新

4、代码文字版如下:<!DOCTYPE html><htm盟敢势袂l><head> <met锾攒揉敫a charset="UTF-8"> <title>Title</title> <style>div {margin-left: 20px;} </style></head><body><div> <hr> <h4>方法一:利用a标签,重新载入页面</h4> <a href="test.html">返回1</a> <hr> <h4>方法二:利用button,写js代码(onclick)</h4> <input type="button" onclick="flush()" value="返回2"> <h4>方法三:利用button,写js代码</h4> <input type="button" id="btn" value="返回3"></div><script>//方法二:jsfunction flush() {// window.location.reload();//刷新window.location.href=window.location.href;//刷新}//方法三:jsdocument.getElementById("btn").onclick=function () {window.location.href=window.location.href;//刷新}</script></body></html>

  • js弹出窗口返回值获取
  • Wireshark的使用(抓包、过滤器)
  • Qt如何使用QListWidget实现筛选器功能?
  • 如何调试各版本的IE浏览器
  • ubuntu 12.04安装google拼音输入法
  • 热门搜索
    三年级数学手抄报内容 文明交通我见证手抄报 体育手抄报图片 安全手抄报内容大全 文明礼仪手抄报花边 五四青年节手抄报内容 高中手抄报 庆国庆迎中秋手抄报 经典诵读手抄报图片 初一历史手抄报