gpt4 book ai didi

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

转载 作者:太空狗 更新时间:2023-10-29 15:11:28 24 4
gpt4 key购买 nike

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

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

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

是否有任何插件、一段 javascript 或方法允许重新加载更新的 javascript 而无需重新加载所有内容,因此可以跳过上面循环中的 2. 和 3. 并继续进行实时测试?

如果没有这样的东西,我正计划开发一个小的 javascript 插件来重新加载脚本,并且可能与 socket.io 连接到后端 node.js 将监视文件的任何更新并将加载事件推送到浏览器的服务器。

因此,我对关于此的任何想法、编写插件时应该考虑的任何事情都感兴趣。

谢谢:)

最佳答案

你可以这样做。

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/

关于javascript - 重新加载更新的 javascript> 代码而不完全重新加载 html 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19514993/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com