JavaScript方法（获取json长度、获取url中的参数、数字处理成三位隔开、获取项目路径）

最新推荐文章于 2023-08-14 08:56:30 发布

Org丶bug

最新推荐文章于 2023-08-14 08:56:30 发布

阅读量1.1k

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/HenryMrZ/article/details/80766036

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

场景描述：

JavaScript中需要获取JSON内容的长度时，没有方法可以直接调用，所以需要遍历来获取长度；

//获取json长度函数
function getJsonLength(jsonData){
    var jsonLength = 0;
    for(var item in jsonData){
        jsonLength++;
    }
    return jsonLength;
}

场景描述：

在外部引用的JavaScript文件中，不能再当前页面使用EL标签来获取url中的参数，所以在外部JavaScript中使用方法来获取参数：

//获取url中request中参数
function GetQueryString(name)
{
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r!=null)return  unescape(r[2]); return null;
}

场景描述：

在取得数据的总数时，是一串连续的没有断隔的数字，在页面展示的时候易读性比较差，所以需要处理一下以三个数字为一个逗号隔开：

//数字处理
//每隔3位，用逗号隔开
function toThousands(newnum) {
    var result = [],
        counter = 0;
    newnum = (newnum || 0).toString().split('');
    for(var i = newnum.length - 1; i >= 0; i--) {
        counter++;
        result.unshift(newnum[i]);
        if(!(counter % 3) && i != 0) {
            result.unshift(',');
        }
    }
    return result.join('');
}

场景描述：

在使用如下JSTL获取项目路径在当前页面中可以使用

<c:set var="ctxStatic" value="${pageContext.request.contextPath}/static"/>

但是在外部引用的JavaScript文件中不能直接使用，全部手打太麻烦，使用方法获取：

// 获取ctxStatic
function getCtxStatic() {
    var pathName = document.location.pathname;
    var index = pathName.substr(1).indexOf("/");
    var result = pathName.substr(0,index+1);
    result+='/static';
    return result;
}

总结：

如上几个方法，引起这些问题的主要因素是，引入的外部JavaScript文件中不能使用EL、JSTL标签来获取数据，这是因为只有当前页面的标签处理成了java代码，外部引入的JavaScript文件加载慢于当前页面生成java代码。