如何实现不刷新页面，只重新加载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文件，可以在加载的时候给一个时间戳作为参数，以确保浏览器每次都发出请求而不是读取缓存

使用AJAX技术实现不刷新页面 AJAX 是一种用于创建快速动态网页的技术。 通过与服务器进行量数据交换，在不重新加载整个网页的情况下，对网页的某部分进行更新。 传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。