JQuery函数可由其他JS文件访问

时间:2012-10-20 02:28:11

标签: jquery html css

对于我的CSS,我正在为特定功能构建几个较小的文件,然后使用缩小将它们组合并压缩成一个文件以供下载。

我想对我的JS文件做同样的事情 - 逻辑分离,然后用MIN组合和压缩下载。

我唯一得到的是我正在构建的基于AJAX的站点有一个核心JS文件,它接受在主要查看区域中加载页面的请求。

我可以从其他JS文件中调用此函数(在一个JS文件中)吗?它有点像将一个JS文件公开给其他脚本。

有什么建议吗?

THX

更新*的 * ** * *

那么我如何在另一个JS文件中调用函数。

例如:

文件A具有callmetoday()函数

如何在JS文件编号2中调用它?

3 个答案:

答案 0 :(得分:0)

当然,只需确保首先加载依赖项js文件。

如果您正在寻找更“模式化”的解决方案,请关注requirejs,这是一个可以帮助您解决此类依赖问题的库。

干杯

答案 1 :(得分:0)

是的,您可以从两个单独的js文件加载函数,这里是catch:

必须先声明该函数,然后才能使用它

这意味着您需要将js文件包含您要运行的函数,在调用它的js文件之前加载.....或者确保在页面完全加载后调用该函数< / p>

答案 2 :(得分:0)

是。除非在函数内或作为对象字段声明函数或变量,否则它将驻留在全局范围内。如果是浏览器,那就是window对象。

另请注意Darwayne的警告:您只能在声明后使用其他文件中的函数(即使在some browsers文件中也是如此)。

示例:

file 1.js:

function f1(x){
  f2(x)
}

document.addEventListener("load",function(){f1(3)})

file 2.js:

function f2(x){
  alert(x)
  if(x) f1(x-1)
}

将起作用:

  • 加载1.js时,f1出现在全局范围
  • 加载2.js时,f2出现在全局范围
  • 当网页完全加载时,f1f2可供访问。