【JS】在html中引入外部js文件时,获取传递的参数

a.html文件:引用a.js文件,并传递参数"type=2"和"key=3",eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="a.js?type=2&key=3" type="text/javascript"></script>
</head>
<body>

</body>
</html>

 

在js文件中获取传递的参数:

方法一:a.js文件:

function getParam() {
    var js = document.getElementsByTagName("script");
    //得到当前引用a.js一行的script,并把src用'?'分隔成数组
    var arraytemp = js[js.length - 1].src.split('?');
    var obj = new Object();
    //如果不带参数,则不执行下面的代码
    if (arraytemp.length > 1) {
        var params = arraytemp[1].split('&');
        for (var i = 0; i < params.length; i++) {
            var parm = params[i].split("=");
            //将key和value定义给obj
            obj[parm[0]] = parm[1];
            // alert(parm[0] + "=" + parm[1]);
        }
    }
    return obj;
}

var paramObj = getParam();
alert(paramObj['type']);//输出'2'

方法二:a.js文件:

function getParam() {
    var js = document.getElementsByTagName("script");
    var obj = new Object();
    for (var i = 0; i < js.length; i++) {
        //遍历引用的script,找到引用a.js一行的script
        if (js[i].src.indexOf("a.js") >= 0) {
            //把src用'?'分隔成数组
            var arraytemp = js[i].src.split('?');
            //如果不带参数,则不执行下面的代码
            if (arraytemp.length > 1) {
                var params = arraytemp[1].split('&');
                for (var i = 0; i < params.length; i++) {
                    var parm = params[i].split("=");
                    //将key和value定义给obj
                    obj[parm[0]] = parm[1];
                    // alert(parm[0] + "=" + parm[1]);
                }
            }
        }
    }
    return obj;
}

var paramObj = getParam();
alert(paramObj['key']);//输出'3'

 

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值