1. $(window).height() 獲取屏幕高度
2. $("#chartbottomdiv").width() 某個控件的屬性 用"."
3. // 保留兩位小數
function twotoFixed(value) {
if (value == null || value == "" || value == undefined) {
return value;
} else {
value = value.toFixed(2);保留兩位小數
value = value.toFixed(3);保留三位小數
return value;
}
}
// 保留三位有效數字
function threeEffective(value) {
if (value == null || value == "" || value == undefined) {
return value;
} else {
if (value < 1000) {
value = value.toPrecision(3);
} else {
value = value.toFixed(0);
}
return value;
}
}
4. .each的用法
var arr = [ "one", "two", "three", "four"];
$.each(arr, function(){
alert(this);
});
//上面這個each輸出的結果分別為：one,two,three,four
var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]
$.each(arr1, function(i, item){
alert(item[0]);
});
//其實arr1為一個二維數組，item相當於取每一個一維數組，
//item[0]相對於取每一個一維數組裡的第一個值
//所以上面這個each輸出分別為：1 4 7
var obj = { one:1, two:2, three:3, four:4};
$.each(obj, function(i) {
alert(obj[i]);
});
//這個each就有更厲害了，能循環每一個屬性
//輸出結果為：1 2 3 4
5. // 獲取頁面參數 代替${name} 使用下面的方法
function getUrlParam(name) {
// 構造一個含有目標參數的正則表達式對象
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
// 匹配目標參數
var r = window.location.search.substr(1).match(reg);
// 返回參數值
if (r != null)
return decodeURI(r[2]);
return null;
}
6. 將數據庫傳出的時間格式變為 ”8月31日“這種格式
function getTime(value){
var Month=value.substring(0,2);
var Day=value.substring(2,4);
var Result=Month+"月"+Day+"日";
return Result;
}
7. 改變窗口大小的時候觸發的事件
window.onresize = function() {
setContainerSIze();//需要執行的方法
};
8. 給某個標簽或控件 在js中添加事件
$("#line input（在什麼上添加事件 定位）").on('ifChanged（事件分類 例如點擊事件 改變事件 選中事件）', function(event) {
});
9. select 雙擊移除內容事件
$('#overStation（select ID）').dblclick(function() {
$('#overStation option:selected').remove();
}).mousedown(function(e) {
// 右擊
if (e.which == 3) {
$(this).children("option:selected").remove();
}
}).bind("contextmenu", function() {
return false;
});
10. 給 append 到頁面上的內容添加事件 使用代理
$("#group（父容器的ID）").delegate(".group（要添加事件的class）", "click", function() {
listGroupInfo();//要執行的方法
});
11. 處理ajax後台傳過來的數組
success : function(data) {
var json = eval(data); // 數組
$.each(json, function(index, item) {
// 循環獲取數據
var name = json[index].groupname;
groupname 是data的屬性
}
12. // select的值全部移除 兩種均可
（1）function deleteOptions() {
var obj = document.getElementById('overStation');
var selectOptions = obj.options;獲取select中的內容
var optionLength = selectOptions.length;
for (var i = 0; i < optionLength; i++) {
obj.removeChild(selectOptions[0]);
}
}
（2）$("#group").html("");
13. 在提示確認之後刷新 避免刷新時提示只是閃過的情況
$.messager.alert({
title : '操作提示',
msg : '刪除分組成功',
fn : function() {
window.location.reload();
}
});
14. 四捨五入取整 Math.round(value)
15. 過濾eWebeditor等富文本中的html標簽，獲得純文本
/// <summary>
/// 過濾html標簽
/// </summary>
/// <param name="Htmlstring"></param>
/// <returns></returns>
public string ParseTags(string Htmlstring)
{
//刪除腳本
Htmlstring = Regex.Replace(Htmlstring, @"<script[^>]*?>.*?</script>", "", RegexOptions.IgnoreCase);
//刪除<style></style>樣式
Htmlstring = Regex.Replace(Htmlstring, @"<style[^>]*?>[\s\S]*?</style>", "", RegexOptions.IgnoreCase);
//刪除HTML
Htmlstring = Regex.Replace(Htmlstring, @"<(.[^>]*)>", "", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"([\r\n])[\s]+", "", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"-->", "", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"<!--.*", "", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"&(quot|#34);", "\"", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"&(amp|#38);", "&", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"&(lt|#60);", "<", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"&(gt|#62);", ">", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"&(nbsp|#160);", " ", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"&(iexcl|#161);", "\xa1", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"&(cent|#162);", "\xa2", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"&(pound|#163);", "\xa3", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"&(copy|#169);", "\xa9", RegexOptions.IgnoreCase); Htmlstring = Regex.Replace(Htmlstring, @"&#(\d+);", "", RegexOptions.IgnoreCase);
Htmlstring.Replace("<", "");
Htmlstring.Replace(">", "");
Htmlstring.Replace("\r\n", "");
Htmlstring = HttpContext.Current.Server.HtmlEncode(Htmlstring).Trim();
return Htmlstring;
}
16. 綁定事件方式（針對未來的元素 就是在js中append的元素）
（1）jquery1.9版本以下支持，jquery1.9及其以上版本刪除了此方法，jquery1.9以上版本用on()方法來代替。
delegate() 為指定的元素（被選元素的子元素）添加一個或多個事件處理程序，並規定當這些事件發生時運行的函數。使用 delegate() 方法的事件處理程序適用於當前或未來的元素（比如由腳本創建的新元素）。
使用方式
$(selector).delegate(childSelector,event,data,function)
childSelector: 必需項；需要添加事件處理程序的元素，一般為selector的子元素；
event：必需項；添加到元素的一個或多個事件，例如 click,dblclick等；
單事件處理：例如 $(selector).delegate(childselector,"click",data,function);
多事件處理：1.利用空格分隔多事件，例如 $(selector).delegate(childselector,"click dbclick mouseout",data,function);
2.利用大括號靈活定義多事件，例如 $(selector).delegate(childselector,{event1:function, event2:function, ...})
3.空格相隔方式：綁定較為死板，不能給事件單獨綁定函數,適合處理多個事件調用同一函數情況；
大括號替代方式：綁定較為靈活，可以給事件單獨綁定函數；
data：可選；需要傳遞的參數；
function：必需；當綁定事件發生時，需要執行的函數；
（2）$(selector).on(event,childselector,data,function)
event：必需項；添加到元素的一個或多個事件，例如 click,dblclick等；
單事件處理：例如 $(selector).on("click",childselector,data,function);
多事件處理：1.利用空格分隔多事件，例如 $(selector).on("click dbclick mouseout",childseletor,data,function);
2.利用大括號靈活定義多事件，例如 $(selector).on({event1:function, event2:function, ...},childselector);
3.空格相隔方式：綁定較為死板，不能給事件單獨綁定函數,適合處理多個事件調用同一函數情況；
大括號替代方式：綁定較為靈活，可以給事件單獨綁定函數；
childSelector: 可選；需要添加事件處理程序的元素，一般為selector的子元素；
data：可選；需要傳遞的參數；
function：必需；當綁定事件發生時，需要執行的函數；
