在一个js文件中引用另一个js文件(此文件仅包含一个js数组),怎么实现,这种方法有没有什么问题

[再看我一眼]

如题

现在需要做一个二级联动的菜单,想先用一个js文件来存放这个数组 然后再另一个写方法的页面调用这个文件和数组,应该怎么做

这种方式有没有什么问题? 有没有更好的解决办法?

数组js: arr.js

var br = new Array();

br[1] = new Array();	//身份信息
br[1][1] = "身份证明不清晰";
br[1][2] = "需补充二代身份证";
br[1][3] = "申请人有两个身份证号码（非正常升位），需补充派出所卡具的户籍证明";
br[1][4] = "身份证信息录入有误";
br[1][5] = "其他";

方法js

function htyy(obj){
	//这里怎么获得br这个数组
	var zhuyuanyin = $(obj).val();
	var ziyuanyin_html = "";
	var ziyuanyin_obj = br[zhuyuanyin];
	$.each($(ziyuanyin_obj), function(i, n){
		ziyuanyin_html += "<option value='"+i+"'>"+n+"</option>";
	});
	$("select[name='htyy_2']").html(ziyuanyin_html);
}

[Null_Reference]

就跟一个文件里面一样写，只是要注意引用文件的先后顺序就行了。

[别闹腰不好]

同时引入就行

[再看我一眼]

感谢楼上两位的回复 这两种方式都可以,我现在就是在一个文件里边写的 但是还是想要把他们分开,并且不在这个特定的html页面同时引入 所以还是需要在这个JS内或者这个js方法内引入 求方法

[斯洛文尼亚旅游]

a.js，你的数组文件 b.js

document.write ('<script src="a.js"></script>')
//注意使用a.js数组的代码要放到window.onload中，动态输出的script不会挂起本js文件后续代码的执行
window.onload=function(){
  //your code use a.js array
}

[zhjdg]

	<script>
	var flag=false;
	var loading = false;
	var error = false;
	var time = null;
	function success(){
		flag=true;
		loading = 'over';
		
	};
	function error(){
		error=true;
	}
	function getData(){
		$.ajax({
			  url: 'arr.js',
			  dataType: "script",
			  success: success,
			  error : error
			});
	}
	
	
	function htyy(obj){
		if(!flag){
			if(error){
				alert('error');
				return;
			}
			if(loading){
				if(loading == 'over'){
					clearInterval(time);
				}
				return;
			}else{
				loading = true;
				getData();
				time = setInterval(jQuery.proxy(htyy,null,obj),500);
				return;
			}
		}else{
			clearInterval(time);
		}
		
		var $a = br;
		var $b = obj;
		
	    /*  
	    var zhuyuanyin = $(obj).val();
	    var ziyuanyin_html = "";
	    var ziyuanyin_obj = br[zhuyuanyin];
	    $.each($(ziyuanyin_obj), function(i, n){
	        ziyuanyin_html += "<option value='"+i+"'>"+n+"</option>";
	    });
	    $("select[name='htyy_2']").html(ziyuanyin_html);
		*/
	}
	htyy({name:'j',addr:'t'});
	
	</script>

[hch126163]

// 动态导入js function include(src,encoding,fun) { var s = document.createElement('script'); s.type='text/javascript'; s.charset=encoding; //'gb2312'; s.src = src; var tags =document.getElementsByTagName('head'); if(typeof(fun)=='function'){ if( document.all ){ s.onreadystatechange = function(){ if(/(complete|loaded)/.test(this.readyState)){ fun(); s.onreadystatechange = null; s.parentNode.removeChild(s); }}; }else{ s.onload = function(){ fun(); s.onload = null; s.parentNode.removeChild(s); }; } } tags[0].appendChild(s); };

[xuzuning]

在你的代码中，我们看到了非原生 js 的元素 $ 权且当做你引入了 jquery 框架吧 而 jquery 已经提供了动态加载 js 文件的功能 见 http://www.w3school.com.cn/jquery/ajax_getscript.asp 如果不是 jquery 框架，也完全可以通过原生的 js 实现 设一个带有 id 的script 标记 在程序中动态修改它的 src 属性就可完成 js 文件的动态加载 不过这个加载过程是异步的，你需要做些处理以确定 js 文件已加载完成了 当然你也可以采用 #6 的动态加入 script 节点的方法。 但估计你看不懂