如何使Javascript重新加载而不刷新

Question

我想知道是否可以在页面中重新加载Javascript而不刷新整个内容，从而丢失已编辑的Css元素。

我的情景：

我正在编辑一个高度动态的滑块，每个元素都必须仔细定位。我只在假设滑块的数组中有一个元素，一旦单个滑块的动画结束，就无法看到我采取行动所做的更改。

我知道我可以硬编码到html另一个滑块，所以他们会永远继续下去，但我会对某种控制台解决方案更感兴趣。

有任何线索吗？

Answer 1

您可以使用函数加载一个新脚本，假设它叫做loadJS：

function loadJS(script)
{
    var docHeadObj = document.getElementsByTagName("head")[0];
    var dynamicScript = document.createElement("script");
    dynamicScript.type = "text/javascript";
    dynamicScript.src = scriptName;
    docHeadObj.appendChild(newScript);
}

因此，只要您想“重新加载”脚本，就可以执行该功能，例如：loadJS('file.js');