重新加载没有页面刷新的JS文件

时间:2015-10-23 15:23:18

标签: javascript page-refresh partial-page-refresh

有什么办法,我如何强制我的浏览器只刷新(重新下载)JS资源,而不刷新整个页面?任何网页浏览器中的解决方案都没问题。当然,独立于浏览器的解决方案将是最好的。

背景: 我们的应用程序在同一页面上有多个屏幕。在一个屏幕上执行某些操作后,AJAX会抓取另一个屏幕。由于页面使用了很多JS,我经常需要更改其JS资源。在刷新页面以获得修复的JS之后,我必须先浏览所有先前的屏幕才能进入我正在调试的那个屏幕。

1 个答案:

答案 0 :(得分:4)

你可以使用jQuery。在Firefox中,您可以直接将这样的内容写入Firebug控制台:

$.getScript("http://example.com/path/to/your/file.js");

注意:新脚本会在旧脚本之上下载。因此,任何初始化页面的JS代码都会再次执行,这可能会产生副作用。在包含大量JS的页面中,将函数和常量的定义放在与页面初始化代码不同的文件中(如将事件绑定到元素)通常是个好主意。然后,您可以使用getScript()仅获取定义文件。

如果您希望将所有内容放在一个文件中,则可以在加载新文件之前清除旧绑定:

$("*").off();