前端JS(自用)

一、回车键事件
$(document).keypress(function(e) {
if(e.which == 13) {//回车键对应13

});

二、JS合并行、列
1、横向，行相同值合并(合并class为x_hebing的th)
(this).hasClass('hide')){
var next = $(this).next('th');//得到下一个合并的对象

    $(this).attr('colspan',1);
    while($(this).text() == next.text()){
        $(this).attr('colspan',parseInt($(this).attr('colspan'))+1);
        next.hide();//隐藏行
        next.addClass('hide');
        next=next.next('th');//设置下一个合并的对象
    }
}

});

2、纵向，列相同值合并(合并class为y_hebing的tr)
(this).hasClass('hide')){
var next = (this).attr('rowspan',1);
while((this).attr('rowspan',parseInt($(this).attr('rowspan'))+1);
next.hide();
next.addClass('hide');
next=next.parent('tr').next('tr').children('.y_hebing');//设置下一个合并的对象
}
}
});

三、判断与校验
(一)js判断字符串是否为空的方法，为空返回true
function isEmpty(obj){
if(typeof obj == "undefined" || obj == null || obj == ""){
return true;
}else{
return false;
}
}
//判断obj是否为空
function isEmptyObject(obj) {
if (!obj || typeof obj !== 'object' || Array.isArray(obj)){
return false;
}
return !Object.keys(obj).length;
}

(二)时间校验
function isTime(date) {
var reDateTime = /^([1-2]\d{3})--/ig;
return reDateTime.test(date);
}
(三)、数字，是返回true
1、number判断
function isNum(val){
if(typeof val !== 'number'){
return false;
}
if(!isNaN(val)){
return true;
}else{
return false;
}
return true;
}
2、正则表达式
function isNumber(val){
var regPos = /^\d+(.\d+)?/; //负浮点数
if(regPos.test(val) || regNeg.test(val)){
return true;
}else{
return false;
}
}

(四)是否是整数,是整数返回true
function isIntegerNum(obj){
var reg = new RegExp("^[0-9][1-9][0-9]$"); //正整数
return reg.test(obj);

或
if(typeof obj === 'number' && obj%1 === 0){
    return true;
}
return false;

}

(五)判断是否为URL地址
function isUrl(str) {
return /[-a-zA-Z0-9@:%.+~#=]{2,256}.[a-z]{2,6}\b([-a-zA-Z0-9@:%+.~#?&//=]*)/i.test(str);
}

四、时间、日期
1、返回时间格式'年-月-日'
function getDate(date){
var date= new Date(Date.parse(date));
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
}

五、被选元素添加或移除一个或多个类
("被选元素").removeClass("hover");

六、事件触发
(一)倒计时
1、setTimeout(方法,时间(单位毫秒));
setTimeout(
function(){
console.log("倒计时结束触发~~~");
},
1000); //1秒后执行前面的方法

2、setTimeout(方法名,时间(单位毫秒));
setTimeout(getData,2000); //2秒后执行前面的方法.方法无参数可以不加括号;
//若有参数，最好是字符串。如setTimeout("getData('001','002')", 2000);或加在时间之后,setTimeout(getData, 2000, 3, 4).

function getData(s1,s2){
console.log("倒计时结束触发~~~" + s1 + ","+ s2);
}

(二)、窗口大小变化
$(window).resize(init); //浏览器窗口大小变化就触发init方法

(三)、刷新页面
window.location.reload();

(四)、定时器,异步运行
window.setInterval(loadData,1000 * 60); //一分钟执行一次创建的 loadData 方法

(五)、append的内容的事件触发
$("原有的元素").append("新的html内容");

$("原有的元素").on("事件条件", "append内容需要触发事件的元素",function() { //事件条件有点击click 双击dblclick 内容改变change

//事件内容

});

七、获取与设置值
1、大部分标签获取值方法(如span、div、select):
①、("#select").find("option:selected").text();
②、 $($ ("#input").val()
②、("#select").val(44);
②、("#span").html("值");
4、设置select标签的值(默认值可在option中添加selected="selected"):
("#select").val(44); //设置Select的Value值为44的项选中
5、设置input标签的值
("#input").val("值");
document.getElementById('input').value='值';

八、常用申明与方法
1、vat str = "1,2,3,6,5,4";
2、var strs = new Array(); //定义数组
3、strs = str.split(","); //字符分割
4、str.substring(start，end);//start:开始截取下标位,end:结束截取下标位(不包括).
5、str.substr(start，length);//start:开始截取下标位,length:截取长度.
6、var jsonStr = '[{"item1":"t1","item2":"计算","item3":"校准"},{"item1":"0.91","item2":"38885.0","item3":"30102.0"}]';//注意json字符串最好外层用单引号',中间参数用双引号".
var rows_Data = JSON.parse(jsonStr);//将json字符串转换为json数组，需要相关的JS文件
console.log(JSON.stringify(rows_Data));//打印查看具体内容

九、小误区
1、== 与 ===
0 == "0" //返回true，自动转换格式
0 === "0" //返回false，匹配数据类型
2、数据清除，注意要从最后一行开始移除原来的数据
//如easyui清空数据
function clean_data() {
var tableId = $('#data_table');
tableId.datagrid({ title: ""});
var item = tableId.datagrid('getRows'); //获取data_table中的数据
if(item.length > 0){
for (var i = item.length; i > 0; i--) {//从最后一行开始移除原来的数据
var index = tableId.datagrid('getRowIndex', item[i]);
tableId.datagrid('deleteRow', index);
}
}
}

十、获取元素
window.parent.("#div").find("#div2"); //获取id为div的子标签id为div2的元素

十一、访问方法
1、window
window.location = "getData/selectAll?id=100"; //本页面跳转
window.location.href = "后台访问地址"; //或简写 location.href

top.location.href = "访问地址"; //最外层的页面跳转
parent.location.href = "访问地址"; //上一层页面跳转,本页面跳转
window.open() = "访问地址"; //可以在一个网站上打开另外的一个网站的地址
(测试

)

2、ajax
$.ajax({
url:"www.baidu.com",//访问的路径
type: "POST", //访问类型
data:{ //传递的参数
'id': 101,
'dataType': "p"
},
contentType: 'application/json;charset=utf-8',//请求发送格式
dataType: 'json', //数据类型
cache: true, //是否保留缓存
success : function(data) {
//访问成功
},
error:function(error){
//访问失败
}
});

3、post
$.post("地址",{参数},function(data){ //参数如: { id:'Robin', name:'user', password: '123456'},

    //返回的data是字符串类型

},"json" //设置了获取数据的类型，得到的数据格式为json类型
);

4、get（与post类似）
$.get("地址",{参数},function(data){
//返回的data是字符串类型
);

十二、判断是否是IE浏览器，是返回true
function isIE(){
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
//适合IE11
if(window.ActiveXObject || ('ActiveXObject' in window)){
return true; //是IE浏览器
}
if(isIE) {
return true; //是IE浏览器
} else {
return false;
}
}

function isIE() {
if (window.ActiveXObject || "ActiveXObject" in window)
return true;
else
return false;
}

十三、正则表达式

十四、tomcat初始访问命令
在最后一个end前一行加
start http://10.1.37.73:8080/QI-manage-web/go/home

十五、JS取整
1.丢弃小数部分,保留整数部分
parseInt(2.501)
2.向上取整,有小数就整数部分加1
Math.ceil(2.501)
3,四舍五入.
Math.round(2.501)
4,向下取整
Math.floor(2.501)

十六、当年当月最后一天日期
function getLastDay(){
var beginDate = jQuery(a1).val();
var d = new Date(beginDate);
　　var year = d.getFullYear();
　　var month = d.getMonth() + 1;
　　month = month++;//取下一个月的第一天，方便计算（最后一天不固定）
　　if(month > 12){ //如果当前大于12月，则年份转到下一年
month = month - 12; //月份减
year++; //年份增
　　}
　　var new_date = new Date(year,month,1); //取当年当月中的第一天
　　return (new Date(new_date.getTime()-10006060*24)).getDate();//获取当月最后一天日期
}

十七、跳转方式 target

_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。
_self
这个目标的值对所有没有指定目标的标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题标签中的 target 属性一起使用。
_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。
_top
这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

<%
out.println("Protocol: " + request.getProtocol() + "
");
out.println("Scheme: " + request.getScheme() + "
");
out.println("Server Name: " + request.getServerName() + "
" );
out.println("Server Port: " + request.getServerPort() + "
");
out.println("Protocol: " + request.getProtocol() + "
");
out.println("Server Info: " + getServletConfig().getServletContext().getServerInfo() + "
");
out.println("Remote Addr: " + request.getRemoteAddr() + "
");
out.println("Remote Host: " + request.getRemoteHost() + "
");
out.println("Character Encoding: " + request.getCharacterEncoding() + "
");
out.println("Content Length: " + request.getContentLength() + "
");
out.println("Content Type: "+ request.getContentType() + "
");
out.println("Auth Type: " + request.getAuthType() + "
");
out.println("HTTP Method: " + request.getMethod() + "
");
out.println("Path Info: " + request.getPathInfo() + "
");
out.println("Path Trans: " + request.getPathTranslated() + "
");
out.println("Query String: " + request.getQueryString() + "
");
out.println("Remote User: " + request.getRemoteUser() + "
");
out.println("Session Id: " + request.getRequestedSessionId() + "
");
out.println("Request URL: " + request.getRequestURL() + "
");
out.println("Request URI: " + request.getRequestURI() + "
");
out.println("Servlet Path: " + request.getServletPath() + "
");
out.println("Created : " + session.getCreationTime() + "
");
out.println("LastAccessed : " + session.getLastAccessedTime() + "
");
out.println("Accept: " + request.getHeader("Accept") + "
");
out.println("Host: " + request.getHeader("Host") + "
");
out.println("Referer : " + request.getHeader("Referer") + "
");
out.println("Accept-Language : " + request.getHeader("Accept-Language") + "
");
out.println("Accept-Encoding : " + request.getHeader("Accept-Encoding") + "
");
out.println("User-Agent : " + request.getHeader("User-Agent") + "
");
out.println("Connection : " + request.getHeader("Connection") + "
");
out.println("Cookie : " + request.getHeader("Cookie") + "
");

前端JS(自用)

你可能感兴趣的:(前端JS(自用))