根据用户输入动态加载外部Javascript文件

桑迪普·席尔瓦尔(Sandeep Silwal)

我有N个不同的javascript文件,我想根据用户输入在HTML代码中仅加载其中一个。有人可以指出我如何实现这一目标吗?谢谢!

达林·迪米特罗夫(Darin Dimitrov)

您始终可以<script>根据一些输入标记动态地插入DOM中:

var myScript = document.createElement('script');
myScript.setAttribute('src', 'http://example.com/somescript_depending_on_user_input.js');
document.head.appendChild(myScript);

这将动态地将<script src="http://example.com/somescript_depending_on_user_input.js"></script>元素注入DOM并加载所需的脚本。从远程URL加载脚本后,浏览器将对其进行评估。

而且,如果您想等待外部javascript实际加载(与<script>在DOM中注入元素相比,这是一个不同的时间点),则可以订阅该onload事件。如果要调用仅在动态加载的脚本中定义的某些函数,这可能会非常方便:

myScript.onload = function() {
    alert('Youpee, my dynamic script was successfully loaded, I can use it in this callback');
};

另请注意,如果您也想在IE中使用此功能,则可能需要订阅该onreadystatechange事件,如图所示this article这将使您的代码可在不同的浏览器上运行。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

根据用户输入从文件动态加载字体

来自分类Dev

JavaScript。根据用户输入创建动态表

来自分类Dev

根据用户输入加载脚本

来自分类Dev

动态加载javascript文件

来自分类Dev

动态加载JavaScript文件

来自分类Dev

根据用户输入动态更改应用名称

来自分类Dev

根据用户输入动态更改标签文本

来自分类Dev

根据用户输入动态创建http链接

来自分类Dev

根据用户选择动态添加输入字段

来自分类Dev

Java:根据用户输入加载类

来自分类Dev

elFinder-从用户输入动态加载路径

来自分类Dev

elFinder-从用户输入动态加载路径

来自分类Dev

我可以根据用户表单输入更改动态javascript变量吗?

来自分类Dev

外部javascript和加载的文件

来自分类Dev

根据表单输入动态更新html文件

来自分类Dev

根据表单输入动态更新html文件

来自分类Dev

Javascript文件无法动态加载

来自分类Dev

如何动态包含外部文件/用户控件?

来自分类Dev

如何动态包含外部文件/用户控件?

来自分类Dev

根据用户输入打印文件内容

来自分类Dev

根据用户输入创建文件

来自分类Dev

根据用户输入打开文件c ++

来自分类Dev

如何动态加载位于外部服务器中的javascript文件?

来自分类Dev

根据用户输入在javascript中搜索数组

来自分类Dev

C#根据用户输入动态访问变量

来自分类Dev

C#Linq-根据用户输入创建动态选择查询

来自分类Dev

MySQL-根据用户输入动态显示月份

来自分类Dev

根据动态用户输入对数据进行子集或过滤

来自分类Dev

如何根据用户的输入在android studio中动态创建布局?