javascript - 如何在 HTML 页面中加载多个 javascript 文件

标签 javascript visual-studio

我有很多js文件(比如分为set1和set2),在多个HTML和aspx页面中重复使用。使用 VS 2010。

我在page1.html的head中试过

< script type="text/javascript" src="/Scripts/set1.js">
< /script>

set1.js 有:

/// < reference path="test11.js" />
/// < reference path="test12.js" />

所有js文件都在VS解决方案的Scripts文件夹中。

page1.html 是否会加载 test11.js 和 test12.js。它似乎没有发生,我在页面加载时得到函数(我在按钮事件等上使用的 javascript 函数)未定义错误。

正确的做法是什么?什么是引用标记?

最佳答案

您必须使用 <script> 来包含脚本html 中的标记 <head>

<script type="text/javascript" src="test11.js"></script>
<script type="text/javascript" src="test12.js"></script>

如果您想使用 javascript 和 jquery 动态执行此操作,您可以使用以下示例,假设您有一组要包含的 javascript 文件:

使用 jquery 和 javascript 的示例 1:

for (var i = 0; i < scripts.length; i++)
{ 
    $head.append("<script src=\"" + scripts[i] + "\" type=\"text/javascript\"></script>")
};

示例 2:仅使用没有 jquery 的 javascript:

for (var i = 0; i < scripts.length; i++)
{ 
    var scriptElem=document.createElement('script')
    scriptElem.setAttribute("type","text/javascript")
    scriptElem.setAttribute("src", scripts[i])
    document.getElementsByTagName("head")[0].appendChild(scriptElem)
};

关于javascript - 如何在 HTML 页面中加载多个 javascript 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6371070/

相关文章:

c# - VS2017如何创建一个空的Web "Application"

javascript - MEAN.JS setInterval 事件循环过程(从另一台服务器获取数据)

c# - Visual Studio 2012 中是否有相当于 MonoDevelop 的文档大纲?

javascript - react 组合事件

javascript - 如果 2 个下拉选项为 true,则设置文本框值?

visual-studio - 在 Visual Studio 安装程序中使用 Windows 环境变量作为注册表值

visual-studio - VS2013 帐号登录 "Script Error"属性 'evt_LoginMobile_onload"的值为空或未定义

visual-studio - 为什么我的 Visual Studio 安装项目在安装完成后会启动 IE?

javascript - jQuery(window).resize 函数只触发一次而不是每个像素

javascript - Angular 2 如何在多个组件中使用谷歌地图