在使用script标签将一个js文件引入到另一个前端页面时,遇到需要传递参数的情况,并且在被引入的js代码中需要对传递的参数进行获取。
传递参数的方法很简单,就是像访问URL地址一样在script标签的src属性中引入的文件路径后面添加?参数名=参数值
,如果要传递多个参数则用&
连接。
<script src="http://localhost:8080/opas-web/scripts/floatPanel/floatPanel.plugin.js?a=wunian&b=123"></script>
在js代码中封装参数获取的方法。
var getQueryString=function() {
var script = $("script[src*='floatPanel.plugin.js']");
var src = script.attr("src");
var requestParam = new Object();
if (src.indexOf("?") != -1) {
var str = src.substr(src.indexOf('?') + 1);
var strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
requestParam[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return requestParam;
}
最终返回数据形式类似于{a:"wunian",b:"123"}
,可以通过object[key]
的形式获取到具体的某个参数的值。
网友评论