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

2024-11-15 10:11:08
推荐回答(3个)
回答1:

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

回答2:

// 获得要刷新的script
var script = document.getElementById('jQuery');

// 刷新JS的方法
function refreshJS(script) {
    var newScript = document.createElement('script');
    
    // 直接加载原地址不会刷新,因为浏览器会缓存, 所以尾部加上时间戳,导致浏览器会认为这是个新地址
    newScript.src = script.src + '?' + new Date().getTime();
    document.body.removeChild(script);
    document.body.appendChild(newScript);
}

// 调用
refreshJS(script);

回答3:

可以将script 删除,然后通过document.createElement 来重新创建引入。这样就相当于刷新了一遍。