JavaScript 全局封装

71 阅读 0 评论 47 点赞

我是靠谱客的博主外向柚子，最近开发中收集的这篇文章主要介绍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>