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

JavaScript010

如何实现不刷新页面，只重新加载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，不引用。建议用第一种，第二种也可以参考。

无非就是缓存的事，破解之道如下：

一是在页面头部写代码强制浏览器获取每次都获取新内容，而不读取缓存。就几行代码，网上一抓一大把；

二是对图片、css文件和js文件，可以在加载的时候给一个时间戳作为参数，以确保浏览器每次都发出请求而不是读取缓存