JavaScript 全局封装

  • 只有路径 (适用于带http之类的服务):
    • 需要在<head>首先引入
    • function getRootPath()   {     
          var curPath = window.location.href;
          //获取主机地址之后的目录,如: /a/b/c.html
          var pathName = window.location.pathname;
          //  a/b/c.html
          var a = pathName.substring(1);
          var b = a.indexOf('/');
          //   a
          var c = pathName.substring(1, b + 1);
          var d = curPath.indexOf(pathName);
          var pos = d + 1 + b;
          //http://127.0.0.1:8020/a
          var url = window.location.href.substring(0, pos);
          var pre='/js/bootstrap-3.3.7/';
          return url+pre;
      }

      //http://127.0.0.1:8020/%E5%95%86%E5%9F%8E/js/bootstrap-3.3.7/bootstrapglobal.js
      alert(getRootPath()+"js/jquery.min.js");
      document.write('<link href="' + getRootPath() + 'css/bootstrap.min.css" rel="stylesheet" type="text/css"/>');

      document.write('<script src="' + getRootPath() + 'js/jquery.min.js"></script>');
      document.write('<script src="' + getRootPath() + 'js/bootstrap.min.js"></script>')
       
       
  • 指定路径(本地会读取 错误):
  •   页面 globalData.setUserInfo(msg.uid);  globalData.getCurUid();
    • var globalData={
          setUserInfo:function(uid,uname,roleNames)
          {
              sessionStorage.setItem('uid',uid);      
          },
          getCurUid:function(){
              return sessionStorage.getItem('uid');
          }
          //pre:'./js/bootstrap-3.3.7/', ,从当前路径开始   or pre:'js/bootstrap-3.3.7/'从根目录开始 该方法在本地读取时可能会出现文件未知类型
       pre:'http://127.0.0.1:8020/商城/js/bootstrap-3.3.7/',


      }
      //http://127.0.0.1:8020/%E5%95%86%E5%9F%8E/js/bootstrap-3.3.7/js/jquery.min.js
      document.write('<link href="'+globalData.pre+'css/bootstrap.min.css" rel="stylesheet" type="text/css"/>');


      document.write('<script src="'+globalData.pre+'js/jquery.min.js"></script>');
      document.write('<script src="'+globalData.pre+'js/bootstrap.min.js"></script>');


       
       
       
      ../
      <link href="js/bootstrap-3.3.7/css/bootstrap.css" rel="stylesheet" type="text/css"/>;
      <script src ="js/bootstrap-3.3.7/js/jquery.min.js" type="text/javascript" ></script>
      <script src="js/bootstrap-3.3.7/js/bootstrap.min.js" type="text/javascript" ></script>

原文地址:https://www.cnblogs.com/ruiyuan/p/11246306.html