如何将变量从一个.js文件传递到另一个.js？

我有一个Symfony应用程序，其中包含一个创建睫毛的菜单，并使用.js文件加载到div中，使用load（）方法将ulr指向每个菜单选项。 此.js是一个变量，它与引用每个创建的选项卡相反。 在这个例子中可以看到这个想法：

http://jsfiddle.net/JMMS_85/o7610t24/

$("#tabs-"+tabCounter).load($(this).attr('href')); 

加载到div中的URL有其他链接，所以我创建了另一个.js文件来阻止原始链接“preventDefault（）”，我必须在它之前重新加载这些链接div，即显示新的url链接在同一个div中，所以我必须使用变量计数器上的另一个.js文件来知道选择的实际div是什么。

file1.js

  $(document).ready(function () { $("#tabs").tabs(); var tabCounter = 1; var cont =1; //Code creating the tabs omitted $(".container div a").on("click",function(event) { event.preventDefault(); tabTitle = $(this).attr("title"), addTab(); $("#tabs-"+tabCounter).load($(this).attr('href')); tabCounter++; $("#tabs").tabs({active: $('.ui-tabs-nav li:last').index()}); }); }); 

file2.js

 $(document).ready(function () { $("a").click( function(event) { event.preventDefault(); $("#tabs-"+tabCounter).load(this.href); }); 

我的问题是如何将计数器变量第一个.js文件用于另一个文件。

Answer 1

您可以在函数之外创建变量。

在这里，您可以看到JavaScript Scope的工作原理： http ： //www.w3schools.com/js/js_scope.asp

Answer 2

您还可以使用jquery数据将变量保存在DOM中

例如：

设置初始值

 $('#tabs').data('counter', 1); 

检索值

 var tabCounter = $('#tabs').data('counter'); 

增加价值

 var tabCounter = $('#tabs').data('counter'); $('#tabs').data('counter', ++tabCounter); 

演示

http://jsfiddle.net/o7610t24/3/