重新加载更新的 javascript> 代码而不完全重新加载 html 页面

2024-05-19

我正在开发一个单页 Web 应用程序,它具有许多不同的功能和形式。当开发一个深度(我的意思是主页上没有的)功能时,我会经历这个循环:

  1. 开发代码,编辑类和函数
  2. 刷新整个页面
  3. 一路点击,直到到达我需要测试的部分(有时加起来大约一分钟)
  4. 测试新代码
  5. 返回(1)代码编辑器进行更新

进行大约 15 个小编辑,可能需要 30 分钟的重复重新加载和点击,令人沮丧


你可以做这样的事情。

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

在页面加载时调用 LoadMyJs 函数

<body onLoad="LoadMyJs()">

然后单击按钮(或从控制台)重新加载

<input type="button" name="reloadjs" value="Reload JavaScript" onclick="LoadMyJs('my_live_loading_script.js')">

这可以使用例如 jQuery 来简化

谢谢:http://www.philnicholas.com/2009/05/11/reloading-your-javascript-without-reloading-your-page/ http://www.philnicholas.com/2009/05/11/reloading-your-javascript-without-reloading-your-page/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

重新加载更新的 javascript> 代码而不完全重新加载 html 页面 的相关文章

随机推荐