多个JS可以调统一的变量的吗？

Question

我这有多个JS比如a.js代码是：
var link1 = "http://www.baidu.com"; 
var title1 = "百度";
var link2 = "http://www.sina.com"; 
var title2 = "新浪";document.writeln("<tr>");
document.writeln("<td align=\"left\" width=\"100%\"><font style=\"color:#000000;\">•</font><a class=\"news4\" target=\"_blank\" href=\"" + link1 + "\">" + title1 + "</a></td>");
document.writeln("</tr>");
document.writeln("<tr>");
document.writeln("<td align=\"left\" width=\"100%\"><font style=\"color:#000000;\">•</font><a class=\"news4\" target=\"_blank\" href=\"" + link2 + "\">" + title2 + "</a></td>");
document.writeln("</tr>");b.js代码是：
var link1 = "http://www.baidu.com"; 
var title1 = "百度";
var link2 = "http://www.sina.com"; 
var title2 = "新浪";
 
document.writeln("<tr><td><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"CENTER\" width=\"93%\"><tbody><tr>");
document.writeln("<td><a target=\"_blank\" href=\"" + link1 + "\">" + title1 + "</a></td>");
document.writeln("</tr></tbody></table>");
document.writeln("</td></tr>");
document.writeln("<tr><td><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"CENTER\" width=\"93%\"><tbody><tr>");
document.writeln("<td><a target=\"_blank\" href=\"" + link2 + "\">" + title2 + "</a></td>");
document.writeln("</tr></tbody></table>");
document.writeln("</td></tr>");
其实a.js和b.js里var link1 = "http://www.baidu.com"; 
var title1 = "百度";
var link2 = "http://www.sina.com"; 
var title2 = "新浪";这部分变量赋值是一样的。有方法让多个JS的变量调一个统一的值吗？省去每次修改都分别要对每个文件修改吗？

Answer 1

把它也写在一个JS文件里。。每次页面把他们都一起调用。。不知道这样是否OK。。你可以试下。。

Answer 2

建立一个公共的js，比如叫common.js
在jsp/html页面引入你的js前先引入common.js

Answer 3

我也想过这个，但是怎么调呢？
网上搜的JS的include貌似都不行

Answer 4

1楼的OK呢 虽然我没试 前提是你的a.js b.js之前引用

Answer 5

a.js
document.writeln("<tr>");
document.writeln("<td align=\"left\" width=\"100%\"><font style=\"color:#000000;\">•</font><a class=\"news4\" target=\"_blank\" href=\"" + link1 + "\">" + title1 + "</a></td>");
document.writeln("</tr>");
document.writeln("<tr>");
document.writeln("<td align=\"left\" width=\"100%\"><font style=\"color:#000000;\">•</font><a class=\"news4\" target=\"_blank\" href=\"" + link2 + "\">" + title2 + "</a></td>");
document.writeln("</tr>");b.js
document.writeln("<tr><td><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"CENTER\" width=\"93%\"><tbody><tr>");
document.writeln("<td><a target=\"_blank\" href=\"" + link1 + "\">" + title1 + "</a></td>");
document.writeln("</tr></tbody></table>");
document.writeln("</td></tr>");
document.writeln("<tr><td><table cellspacing=\"0\" cellpadding=\"0\" border=\"0\" align=\"CENTER\" width=\"93%\"><tbody><tr>");
document.writeln("<td><a target=\"_blank\" href=\"" + link2 + "\">" + title2 + "</a></td>");
document.writeln("</tr></tbody></table>");
document.writeln("</td></tr>");common.js
var link1 = "http://www.baidu.com";  
var title1 = "百度";
var link2 = "http://www.sina.com";  
var title2 = "新浪";页面调用的时候就
a.js和common.js
或者
b.js和common.js
一起在页面引用

Answer 6

这样我试过，但是我控制不了页面，只能控制AB俩个JS我试过在A和B的JS里
document.writeln(" <script src=\"common.js\" type=\"text/javascript\" language=\"javascript\"></script> ");
但是还是调不出了解

Answer 7

a.js 
最简单的方案：
document.write('<script src="filename.js"></script>');最规范的方案
function load_common() 
{ 
// 先把b.js调入啊，哦哦哦哦哦 
var head = document.getElementsByTagName('head'); 
var testScript = document.createElement('script'); 
testScript.src = "common.js"; 
testScript.type = 'text/javascript'; 
head[0].appendChild(testScript); }

Answer 8

代码有错呢，这样就可以了
document.writeln("<script src=\"common.js\" type=\"text/javascript\" language=\"javascript\"><\/scr"+"ipt>");

Answer 9

代码有错呢，这样就可以了
document.writeln("<script src=\"common.js\" type=\"text/javascript\" language=\"javascript\"><\/scr"+"ipt>");

Answer 10

方案一：页面引入
<script src="common.js"></script>
<script src="a.js"></script>
<script src="b.js"></script>
方案二：动态载入
function addScript(url,callback){
var elt = document.createElement("script");
elt.src = url;
if(document.all){
elt.onreadystatechange=function(){
  if(elt.readyState=="loaded" || elt.readyState=="complete"){
    typeof callback=='function'&&callback()
  }
}
}else{
  elt.onload=function(){
    typeof callback=='function'&&callback()
  }
}
}
addScript("common.js",function(){
  addScript("a.js");
});
这样不就OK了，不要用document.write来载JS，那样你无法保证common.js是最先下载下来的
解决思路就是要让common.js先下载。
方案就如上面两种

Answer 11

上面少了一句代码，看这个
方案一：页面引入
<script src="common.js"></script>
<script src="a.js"></script>
<script src="b.js"></script>
方案二：动态载入
function addScript(url,callback){
var elt = document.createElement("script");
elt.src = url;
if(document.all){
elt.onreadystatechange=function(){
  if(elt.readyState=="loaded" || elt.readyState=="complete"){
  typeof callback=='function'&&callback()
  }
}
}else{
  elt.onload=function(){
  typeof callback=='function'&&callback()
  }
}
document.getElementsByTagName("head")[0].appendChild(elt);
}
addScript("common.js",function(){
  addScript("a.js");
});
这样不就OK了，不要用document.write来载JS，那样你无法保证common.js是最先下载下来的
解决思路就是要让common.js先下载。
方案就如上面两种

Answer 12

com.js//把公共部分提出来var link1 = "http://www.baidu.com";  
var title1 = "百度";
var link2 = "http://www.sina.com";  
var title2 = "新浪";
调用：com.js,a.js或com.js,b.js

Answer 13

OK.可以了。把common.js提前加载就可以了
谢谢各位老大的帮助