常用JS

 JavaScript 常用特效大全：链接：https://pan.baidu.com/s/10OtyCcn4zRusVh8q3tITtw 密码：cb89
//input限制输入正则表达式判断：http://www.jb51.net

限制input只能输入网址：http://zhidao.baidu.com/question/401356322.html?fr=iks&word=input+%CD%F8%D6%B7&ie=gbk

//html标签 JSP常用:http://www.divcss5.com/html/h382.shtml

 

 

代码性能测试 console.time('a')   console.timeEnd('a')

测试代码运行时间可以使用 console.time和console.timeEnd 来测试一段代码运行的时间 （火狐浏览器可以使用console.profile进行测试）
 
复制代码
<script>

// 测试代码运行时间可以使用 console.time和console.timeEnd 来测试一段代码运行的时间
console.time('A')
for( let i=1 ; i<100; i++){

}
console.timeEnd('A')

// 输出结果：    A: 0.007080078125ms
     
</script>

 

//js前台返回值String转数组（转集合）
dataimg = eval(dataimg);
//js中json转String （list/map都可以这样转）
JSON.stringify(dataList), //转string
JSON.parse(ret)　　//转json
//java后台接收   //map类型
Object jsonString = ToolsUtil.strToJson(mycars, Map.class);
Map<String,Object> paramData  = (Map) jsonString;
//java后台接收  //list 类型
List<Map<String,Object>> flieDates =  (List<Map<String,Object>>) ToolsUtil.strToJson(flieDate, List.class);
//请求方式$.post 和 $.get设置同步和异步请求
$.ajaxSettings.async = false;
$.post(url, {id:id}, function(res) {   },“json”);
$.ajaxSettings.async = true;

 
定时器：time = window.setInterval(function（）{},1000);//一秒执行一次，无限调用
　　　　window.setTimeout(function(){},1000);//调用一次
　　　　window.clearInterval(time);关闭定时器

//点击进入事件
trendAlarm.prototype.menuText=function(e){
   var textName = e.currentTarget.innerText;
　　e.currentTarget.getAttribute("属性名");//获取对象下面的属性
   $("#emTitleTop").html(textName);
   e.currentTarget.childNodes[0].checked=true;//选中
}


Event 对象：currentTarget:获得其监听器触发了事件的那个元素
innerText： 打印标签之间的纯文本信息，会将标签过滤掉，低版本的火狐浏览器不支持，而是支持textContent
innerHtml：打印标签之间的内容，包括标签和文本信息，各浏览器都支持
childNodes：获得子节点元素集合

//js追加元素
$("#id").append() / $("#id").appendTo() ： 追加到子元素后
$("#id").prepend() / $("#id").prependTo() ： 追加到子元素前
$("#id").after() / $("#id").insertAfter() ： 追加到同级元素后
$("#id").before() / $("#id").insertBefore() ： 追加到同级元素前

 

 

//判断Object是否为空  dat=new  Object();

if(JSON.stringify(dat) == "{}"){}else{
//不为空进入
}

$("#id").attr("属性")//获取属性值

//attr,追加属性值
$("#imgfz").attr("src",data[0].path);

 

String[] ary = kksMark.split(",");//通过逗号截取字符串

//不区分大小写判断

if(JHCS.toLowerCase()==jhcs.toLowerCase())

//【渐变】1秒和消失/1秒后显示
$('.centerLeftZtree').toggle(1000);

//js中Spring转int
var j = parseInt("11");

//三秒后div消失
setTimeout("document.getElementById('showDIV').style.display='none'",3000);

$(".container-fluid").off("click");关闭这个样式的点击事件

$("#ysh").addClass("index_renwu_top_n_a"); //添加样式
$("#dsh").removeClass("index_renwu_top_n_a"); //删除样式

//得到当前页码的高宽
alert(document.body.scrollHeight);//body的高
alert(window.screen.availHeight);
alert(window.screen.availWidth);

//div的显示与隐藏
document.getElementById('showColse').style.display='none';
document.getElementById('showColse').style.display='block';

/*js获取浏览器高度*/
var divheight = window.innerHeight;

/*测试输出*/
console.log(list.data);

/*前台session*/
window.sessionStorage.setItem("userName",userName.value);
sessionStorage.removeItem('userName');
window.sessionStorage.getItem('userName');

//switch case(===比较) break default 语法
var num = 10;
switch(num ){
　　case 0:
            console.log("num=0的时候执行");
            break;
      case 10:
            console.log("num=10的时候执行");
            break;
      default:
         console.log("相当于else");
}

//for in 语法
var objs= {
      name:名字,age:23
};
for(var key in objs){
    console.log(key);//得到属性
    console.log(objs[key]);//得到属性值
}

 

/*获取select:option的值*/
//https://www.cnblogs.com/yaoshiyou/archive/2010/08/24/1806939.html
var obj = document.getElementById("selectSearch");/*下拉框*/
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var searchSelect = obj.options[index].value; // 选中值


//获取子页面的标签   $("#iframe").contents().find("iframe").contents().find("#condForm")

/*得取不到event，用这个方法*/ import { event } from '../../../assets/js/event.js'; hrefs:function(even){ var event=window.event || even;//兼容IE,火狐 /*js得到某段代码的执行时间*/ var implementTime = ""; //得到代码执行时间  var startDate = new Date().getTime();//起始时间 中间测试代码 var endDate = new Date().getTime();//接受时间 implementTime=(endDate-startDate)/1000;//把时间毫秒转换为妙 Integer ss = 1000; //秒  Integer mi = ss * 60; //分 Integer hh = mi * 60; //小时 Integer dd = hh * 24; //天 /** * 转换时间格式 * @param {Object} str */
var timestamp = Date.parse(new Date());  

function timeDate(str) {
var time = new Date(str);
var year = time.getFullYear();
var month = time.getMonth() + 1;
var dates = time.getDate();
return [year, month, dates].join("-");
}

//文本框事件
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件

//保留两位小数，
$("#borrowMng").val((borrowMng).toFixed(2))

//ceil()：将小数部分一律向整数部分进位。
Math.ceil(12.7)//返回13

//floor()：一律舍去，仅保留整数。 
Math.floor(12.2)// 返回12

//round()：进行四舍五入 
Math.round(12.2)// 返回12 
Math.round(12.7)//返回13

//正则表达式去标签
var bq = data[0].projectDescript;
var zz =    bq.replace(/<[/*/]?[a-zA-Z]+[^><]*>/g,"");
$("#projectDescripts").val(zz);//项目描述


//千分符（四位一分）
$("#canUse").text(formatMoney2(data[0].giftBalance)+"元");
//EL表达式加千分符
<fmt:formatNumber type="number" pattern="#,##0.00#" value="${allUsemoney }" />

 

 

 

//输入金额判定
<input maxlength="10" type="text" onKeyUp="amount(this)" onBlur="overFormat(this)" />

function amount(th){
var regStrs = [
['^0(\\d+)$', '$1'], //禁止录入整数部分两位以上，但首位为0
['[^\\d\\.]+$', ''], //禁止录入任何非数字和点
['\\.(\\d?)\\.+', '.$1'], //禁止录入两个以上的点
['^(\\d+\\.\\d{2}).+', '$1'] //禁止录入小数点后两位以上
];
for(i=0; i<regStrs.length; i++){
var reg = new RegExp(regStrs[i][0]);
th.value = th.value.replace(reg, regStrs[i][1]);
}
}
//输入完成补全小数点
function overFormat(th){
var v = th.value;
if(v === ''){
v = '0.00';
}else if(v === '0'){
v = '0.00';
}else if(v === '0.'){
v = '0.00';
}else if(/^0+\d+\.?\d*.*$/.test(v)){
v = v.replace(/^0+(\d+\.?\d*).*$/, '$1');
v = inp.getRightPriceFormat(v).val;
}else if(/^0\.\d$/.test(v)){
v = v + '0';
}else if(!/^\d+\.\d{2}$/.test(v)){
if(/^\d+\.\d{2}.+/.test(v)){
v = v.replace(/^(\d+\.\d{2}).*$/, '$1');
}else if(/^\d+$/.test(v)){
v = v + '.00';
}else if(/^\d+\.$/.test(v)){
v = v + '00';
}else if(/^\d+\.\d$/.test(v)){
v = v + '0';
}else if(/^[^\d]+\d+\.?\d*$/.test(v)){
v = v.replace(/^[^\d]+(\d+\.?\d*)$/, '$1');
}else if(/\d+/.test(v)){
v = v.replace(/^[^\d]*(\d+\.?\d*).*$/, '$1');
ty = false;
}else if(/^0+\d+\.?\d*$/.test(v)){
v = v.replace(/^0+(\d+\.?\d*)$/, '$1');
ty = false;
}else{
v = '0.00';
}
}
th.value = v; 
}