js怎样实现 【F5】按键的功能 刷新页面

JavaScript012

js怎样实现 【F5】按键的功能 刷新页面,第1张

Javascript刷新页面的几种方法:

1 history.go(0)

2 location.reload()

3 location=location

4 location.assign(location)

5 document.execCommand('Refresh')

6 window.navigate(location)

7 location.replace(location)

8 document.URL=location.href

在 JS 中可以通过 Location 对象来控制浏览器访问的 URL 来达到刷新/跳转的目的。

JS 中的 Location 对象常用的有 href 属性,和 assign, replace 方法等。直接给 Location 对象的 href 属性赋值 或对 assign, replace 方法调用都能使用浏览器转到指定的 URL,如果我们转递的 URL 就是当前 URL 那么就可以达到刷新的目的。但是直接对 href 属性赋值相同的 URL 有的浏览器不会响应,而对 replace 调用时使用不同的 URL 又会产生历史记录,所以在这里我们使用 assign 是最合适的,下面是示例代码:

location.assign(location.href) // 这一句相当于刷新浏览器

如果之前的页面是使用 POST 方法访问的,这个时候是不能使用上面的方法,而应该使用 reload 这个真正的 F5 刷新方法:

location.reload() // 这个等同于 F5 刷新浏览器

执行后浏览器会弹出提示是否同意再次提交 POST 数据的确认信息框。

用jquery模拟按钮点击$("#id").click()

原生js参考

<script type="text/javascript">

//document上绑定自定义事件oneating

document.addEventListener('oneating', function (event) {

alert(event.mingzi+','+event.message)

}, false)

//创建event的对象实例。

var event = document.createEvent('HTMLEvents')

// 3个参数:事件类型,是否冒泡,是否阻止浏览器的默认行为

event.initEvent("oneating", true, true)

/*属性,随便自己定义*/

event.mingzi = 'hello,我是李小贱'

event.message = '我今天24岁'

//触发自定义事件oneating

document.dispatchEvent(event)

</script>