zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Kafka相关知识点
    好的前端界面
    linux下配置go环境
    插入排序(数据是局部有序的)
    选择排序
    spring jpa 条件查询统计
    java代码优化
    JAVA创建临时文件IO
    spring防止表单重复提交
    Java文件下载时所输出文件名乱码问题
  • 原文地址:https://www.cnblogs.com/ruiyuan/p/11246306.html
Copyright © 2011-2022 走看看