Java实习问题记录

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[^>]*?>[sS]*?</style>", "", RegexOptions.IgnoreCase);
//删除HTML
Htmlstring = Regex.Replace(Htmlstring, @"<(.[^>]*)>", "", RegexOptions.IgnoreCase);
Htmlstring = Regex.Replace(Htmlstring, @"([ ])[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(" ", "");
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：必需；当绑定事件发生时，需要执行的函数；