Javascript文件依赖项-选择性加载资源文件并防止重复

使用以下JS&解决了我的问题;jQuery代码

if (thisResourceLoaded === undefined) 
{ 
    $.getScript('/Webservice.asmx/js');
    var thisResourceLoaded = true; 
}

如果这些控件不需要在它们之间共享信息,您可以检查jQuery使用对象的方法,这可以确保如果您以不同的方式命名主对象,它将实例化(不确定这个词是否存在)两个引用相同对象的变量。

可能最简单的方法是在使用一个或两个控件时包含整个js资源库一次。这应该由服务器端脚本(php等)来处理

存储您<脚本src=“…”>标记到页面的标题部分。将新控件添加到页面时,请检查头部部件是否已包含所需的库,如果不包含,请添加库。

例如:

<html> 
  <head>
     <script type="text/javascript" src="/Webservice.asmx/js" />
  </head>
  <body>

    <h1>Control1</h1>

    <h1>Control2</h1>

  </body>
</html>

从页面加载时间的角度来看,最佳的方法是制作三个版本的资源库。然而,这很可能是矫枉过正。

1. 版本包含控件A所需的部分
2. 版本包含控件B所需的零件