美文网首页程序员
js获取js文件传递的参数

js获取js文件传递的参数

作者: 勿念及时雨 | 来源:发表于2019-10-11 18:55 被阅读0次

    在使用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]的形式获取到具体的某个参数的值。

    相关文章

      网友评论

        本文标题:js获取js文件传递的参数

        本文链接:https://www.haomeiwen.com/subject/lsyxmctx.html