如何实现不刷新页面，只重新加载js文件？

JavaScript013

如何实现不刷新页面，只重新加载js文件？,第1张

不刷新页面，重新加载js文件的方法有：

通过js创建script标签，例如

var script = document.createElement("script")

script.src = "test.js"

document.body.appendChild(script)

2.通过ajax实现无刷新加载，ajax的方法可以自己写，也可以引用，以下引用的是jquery的ajax

$.ajax({

    type = "get",

    url : "test.js",

    dataType : "script"

})

总结：如果是自己写js，不引用。建议用第一种，第二种也可以参考。

传统方法很难检查，但浏览器有本地缓存功能， 如果你的浏览器支持html5，那么使用下面的方法。

if(localStorage.getItem('state') == 1) {

    alert('这是后退后的页面')

    localStorage.setItem('state', 0)

    location.href = location.href

}

window.onbeforeunload = function () {

    localStorage.setItem('state', 1)

}

原理很简单，离开就设置一个状态， 后退发现状态不是初始状态，那么就一定是跳到其他地方过，就刷新页面。

如果你的浏览器不支持html5，那么使用cookies 一样可以做。