• getCurrentScript的改进


    getCurrentScript的改进

    第一版

    function getCurrentScript(){
        if(DOC.currentScript){
            return DOC.currentScript.src
        }
        var nodes = head.getElementsByTagName("script")//只在head标签中寻找
        for (var i = 0, node; node = nodes[i++];) {
            if (  node.readyState === "interactive") {
                return  node.className = node.src;
            }
        }
    }

    第二版

    增加对firefox4-与chrome4+的支持

    function getCurrentScript() {
          //取得正在解析的script节点
          if(DOC.currentScript) { //firefox 4+
              return DOC.currentScript.src;
          }
          var stack, e, nodes = head.getElementsByTagName("script"); //只在head标签中寻找
          try {
              a.b.c(); //强制报错,以便捕获e.stack
          } catch(e) {
              stack = e.stack;
          }
          if(stack) {
              // chrome IE10使用 at, firefox opera 使用 @
              e = stack.indexOf(' at ') !== -1 ? ' at ' : '@';
              while(stack.indexOf(e) !== -1) {
                  stack = stack.substring(stack.indexOf(e) + e.length);
              }
              return stack.replace(/:\d+:\d+$/ig, "");
          }
          for(i = 0; node = nodes[i++];) {
              if( node.readyState === "interactive") {
                  return node.className = node.src;
              }
          }
      }

    第三版

    有的e.stack最后只有行号没有出错位置,导致正则取值失败,fix bug

    function getCurrentScript() {
           //取得正在解析的script节点
           if(DOC.currentScript) { //firefox 4+
               return DOC.currentScript.src;
           }
           var stack, e, i, node;
           try {
               a.b.c(); //强制报错,以便捕获e.stack
           } catch(e) {
               stack = e.stack;
           }
           if(stack) {
               // chrome IE10使用 at, firefox opera 使用 @
               e = stack.indexOf(' at ') !== -1 ? ' at ' : '@';
               i = stack.lastIndexOf(e);
               var a = stack.slice(i+e.length).replace(/\s\s*$/,"").replace(/(:\d+)?:\d+$/i,"");
               return a
           }
           var nodes = head.getElementsByTagName("script"); //只在head标签中寻找
           for(i = 0; node = nodes[i++];) {
               if( node.readyState === "interactive") {
                   return node.className = node.src;
               }
           }
       }

    第四版

    IE10最后一行与其他浏览器不同,需要转换思路去掉杂质

    function getCurrentScript() {
        //取得正在解析的script节点
        if(DOC.currentScript) { //firefox 4+
            return DOC.currentScript.src;
        }
        var stack;
        try {
            a.b.c(); //强制报错,以便捕获e.stack
        } catch(e) {//safari的错误对象只有line,sourceId,sourceURL
            stack = e.stack;
            if(!stack && window.opera){
                //opera 9没有e.stack,但有e.Backtrace,但不能直接取得,需要对e对象转字符串进行抽取
                stack = (Strin(e).match(/of linked script \S+/g) || []).join(" ");
            }
        }
        if(stack) {
            /**e.stack最后一行在所有支持的浏览器大致如下:
            *chrome23:
            * at http://113.93.50.63/data.js:4:1
            *firefox17:
            *opera12:
            *IE10:
            *  at Global code (http://113.93.50.63/data.js:4:1)
            */
            stack = stack.split( /[@ ]/g).pop();//取得最后一行,最后一个空格或@之后的部分
            stack = stack[0] == "(" ? stack.slice(1,-1) : stack;
            return stack.replace(/(:\d+)?:\d+$/i, "");//去掉行号与或许存在的出错字符起始位置
        }
        var nodes = head.getElementsByTagName("script"); //只在head标签中寻找
        for(var i = 0, node; node = nodes[i++];) {
            if(node.readyState === "interactive") {
                return node.className = node.src;
            }
        }
    }

    现应用于我的模块加载系统,鲁棒无比,兼容IE6-10,firefox3+, chrome, opera9+。对于safari,则使用慢一点的解析堆栈处理掉。如果大家想用,请记得把DOC,head都换成document。

    相关链接:

    1. getBasePath 函数
    2. 取到当前正在执行的script元素
     
     
     
    标签: javascript
  • 相关阅读:
    Linux学习65 实战使用awk高级功能统计网络请求连接状态
    Linux学习64 awk使用与实战
    Linux学习63 shell脚本高级编程-信号捕捉实战
    Linux学习62 shell脚本高级编程-数组和字符串处理
    Linux学习61 企业军工级别安全策略-SELinux简介
    Linux学习60 centos7新特性-systemd及systemctl实战
    Linux学习59 shell脚本高级用法-函数编程与应用实战
    【HBase】HBase与MapReduce的集成案例
    【HBase】底层原理
    【HBase】Java实现过滤器查询
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/2873623.html
Copyright © 2020-2023  润新知