场景描述:
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)returnunescape(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获取项目路径在当前页面中可以使用
但是在外部引用的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方法(获取json长度、获取url中的参数、数字处理成三位隔开、获取项目路径)】总结:
如上几个方法,引起这些问题的主要因素是,引入的外部JavaScript文件中不能使用EL、JSTL标签来获取数据,这是因为只有当前页面的标签处理成了java代码,外部引入的JavaScript文件加载慢于当前页面生成java代码。
推荐阅读
- 操作系统|[译]从内部了解现代浏览器(1)
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- javascript|javascript中的数据类型转换