如何给外部引用的js文件传递参数

摘要:给外部引用的js文件传递参数的4种方式:定义全局变量、在src后面传参、检索js文件(js文件要最后引入)、设置其他属性

1、定义全局变量

<script language="javascript">
var g = "I'm here";
</script>
<script tpye="text/javascript" src="test.js"></script>

处理: 

alert(g);


2、在src后面传参

<script tpye="text/javascript" src="test.js?a=1&b=2" id="testjs"></script>

处理:

var src=d.getElementById("testjs").getAttribute("src"),result="";
if(src){
 var r = src.substr(1).match(new RegExp('(^|&?)' + 'id'+ '=([^&]*)(&|$)', 'i'));
  result= null?decodeURI(r[2]):'';
}
alert(result);


3、检索js文件(js文件要最后引入)

<script tpye="text/javascript" src="test.js">
 var temp = "just test";
</script>

处理:

var script = document.getElementsByTagName("script");
eval(script[script.length-1].innerHTML);
alert(temp);


4、设置其他属性

<script id="testScript" type="text/javascript" src="test.js" data="a=b&c=d"></script>

处理:

var scriptArgs = document.getElementById('testScript').getAttribute('data');



本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_1964