日期:2014-05-16  浏览次数:20338 次

从页面向js传值(摘录整理)
$(function() {
	//从页面得到参数
	var getArgs = (function() {
		var sc = document.getElementsByTagName('script');
		var paramsArr = sc[sc.length - 1].src.split('?')[1].split('&');
		var args = {}, argsStr = [], param, t, name, value;
		for ( var i = 0, len = paramsArr.length; i < len; i++) {
			param = paramsArr[i].split('=');
			name = param[0], value = param[1];
			if (typeof args[name] == "undefined") { // 参数尚不存在
				args[name] = value;
			} else if (typeof args[name] == "string") { // 参数已经存在则保存为数组
				args[name] = [ args[name] ]
				args[name].push(value);
			} else { // 已经是数组的
				args[name].push(value);
			}
		}
		/* 在实际应用中下面的showArg和args.toString可以删掉,这里只是为了测试函数getArgs返回的内容 */
		var showArg = function(x) { // 转换不同数据的显示方式
			if (typeof (x) == "string" && !/\d+/.test(x))
				return "'" + x + "'"; // 字符串
			if (x instanceof Array)
				return "[" + x + "]" // 数组
			return x; // 数字
		}
		// 组装成json格式
		args.toString = function() {
			for ( var i in args)
				argsStr.push(i + ':' + showArg(args[i]));
			return '{' + argsStr.join(',') + '}';
		}
		return function() {
			return args;
		} // 以json格式返回获取的所有参数
	})();
});

?有这个方法就可以从页面上向js传参数了

?

<script src="../example.js?id=1" type="text/javascript"></script>

?例如在页面里有引用example.js并传参等于1的id,那么我们在example.js里用getArgs()[id] 就能得到id的值

?