我正在尝试找到一种方法来动态注入新的 JavaScript 函数,而无需重新加载页面。我有一个用于放入库存项目的表格,我想根据选择的制造商加载或删除功能。试图研究这个我认为我可以做到这一点:
document.getElementsByTagName("head")[0].appendChild
我用于示例的文档取自http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml。起初我不确定它是否正在调用该文件,因此作为最终测试,我附加了小片段:
var petname="Spotty"
alert("Pet Name: " + petname)
并到 .js 文件的末尾并收到警报。我希望使这个输入页面模块化和动态化。我需要替换函数的原因是因为每个制造商都使用所谓的“BOM”编号,该编号基于值给出单元型号、电容器、电气等。现在的脚本使用 onChange 功能等等每次下拉选择,BOM 编号都会更新为正确的值。相反,输入 BOM 编号将从下拉菜单中选择值。如果我将 JavaScript 函数放在“头”中,则 JavaScript 函数可以按预期与 onChange 一起工作,但在使用 .appendChild 时,所有函数都不起作用。我应该为此使用其他东西吗?