js获取js文件传递的参数

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,097评论 0 3
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 14,734评论 0 15
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 6,370评论 0 2
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,653评论 1 41
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 9,945评论 0 5