Question

我正试图找到一种动态注入新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编号将从下拉菜单中选择值。如果我把它放在'head'中，那么JavaScript函数就像onChange一样工作，但是当使用.appendChild时，没有任何函数可以工作。我应该为此使用其他东西吗？

Answer 1

解决问题的最佳方法是调用单个函数，该函数接受BOM编号和制造类型。然后根据制造类型获取您的单元型号，冷凝器，电气使用Javascript：

function GetDetails(bom, manufactureType){
   switch(manufactureType){
         case 'blah blah' : <do something>
     break;
default:break;
   }
}

HTML：

<select onchange="javascript:GetDetails(<pass selected BOM here>, <pass selected MANUFACTURER here>);"></select>

Answer 2

也许这个图书馆会帮助你http://yepnopejs.com 使用它，您可以在某些条件下加载和执行JS文件。

动态加载和删除Javascript函数

2 个答案: