下面我来把经常会用的js、方法做一个小结:Val(),append(),get(),split(),substr(),each(),html(),keyup(),trim(),show(),hide(),indexOf()
一个一个来看:
1.Val():来对一个页面元素进行取值和赋值
取值:var result = $(“#txtSearch”).val();
赋值:$(“#txtSearch”).val(result);
2.Each():对一个集合的操作,对集合里面的每一个元素进行后面的方法调用,例如:
$.each(data.list, function (i, item) {
Alert(item["WikiTitle"]”+” item["WikiID"]);//i是集合的元素下表,item代表元素本身
});
3.Append():在指定的页面元素后面追加元素
比如一个列表元素<li>test!</li>,像这样的页面元素就可以通过append方法来动态添加多个<li>项例如:
页面里面有一个id="div_keycontent"的div: <div id="div_keycontent"></div>
Js里面就可以这样写:
$.each(data.list, function (i, item) {
$("#div_keycontent").append("<li>" + item["WikiTitle"] + " <a href=\"Read/" + item["WikiID"] + "\" >查看</a>" + "</li>");
});
4.Get():在页面上异步获取数据,这种方式是异步绑定的形式,在我的前面的文章里面有交代,这里就不说了吧。
5.Spilt():对字符串进行操作例如:
Var str = spit(“liu,ming,feng”,”,”);
这样返回的str就是一个字符串数组:{“liu”,”ming”,”feng”}
6.Substr();对字符串操作的,去里面的子字符串
用法:
///判断最后一个字符是否为逗号
if (str.substring(str.length - 1, str.length) == "," || str.substring(str.length - 1, str.length) == ","){
alert(“最后一个字符是逗号!”);
}
7.Html():修改一个html的标签的内容,例如:
$("#div_keycontent").html("<p>没有数据</p>");
8. Keyup();键盘按下弹起触发的方法
$("#txtSearchKey").keyup(function () {
$("#div_keycontent").html("<p>数据检索中....</p>");
});
9.Trim():去掉字符串的首尾空格
用法:str.trim();
10.Show():让页面元素显示例如:$("#txtSearchKey").show();
Hide():隐藏页面的元素例如:$("#txtSearchKey").hide();
Indexof():查看字符串的中是否有对应的子字符串
用法:
if (str.indexOf(',,') != -1 || str.indexOf(',,') != -1) {///判断是否有连逗号
alert(“有两个逗号连用!”);
}
11.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 12 .一个小写转大写的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase(); 13.JS中的字符型转换成数值型:parseInt(),parseFloat() 14.弹出确认框:window.confirm(); 15.弹出输入提示框:window.prompt(); 16.指定当前显示链接的位置:window.location.href="URL" 17.设置表单中所有文本型的成员的值为空: var form = window.document.forms[0] for (var i = 0; i<!-- //--> 18.引用一个文件式的JS:<script type="text/javascript" src="aaa.js"></script> 19.指定在不支持脚本的浏览器显示的HTML:<noscript></noscript> 20.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:<a href="a.html" οnclick="location.href='b.html';return false">dfsadf</a> 21.防止用户对文本框中输入文本:οnfοcus="this.blur()" 22.取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length 23.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless() 24.状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.'; 25.添加到收藏夹:external.AddFavorite("http://www.google.com","Google"); 26.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;
27.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续. 28.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");} 29.JS中的窗口重定向:window.navigate("http://www.google.com"); 30.JS中的打印:window.print() 31.JS中的提示输入框:window.prompt("message","defaultReply"); 32.JS中的窗口滚动条:window.scroll(x,y) 33.JS中的窗口滚动到位置:window.scrollby 34.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout 35.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]); 36.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.οnbefοreunlοad=verifyClose;
37.当窗体第一次调用时使用的文件句柄:onload() 38.当窗体关闭时调用的文件句柄:onunload() 39.window.location的属性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息) 40.window.location.reload()刷新当前页面. 41.parent.location.reload()刷新父亲对象(用于框架) .opener.location.reload()刷新父窗口对象(用于单开窗口) .top.location.reload()刷新最顶端对象(用于多开窗口) 42.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL) 43.document.write()不换行的输出,document.writeln()换行输出 44.document.body.noWrap=true;防止链接文字折行. 45.变量名.charAt(第几位),取该变量的第几位的字符. 46."abc".charCodeAt(第几个),返回第几个字符的ASCii码值. 47.字符串连接:string.concat(string2),或用+=进行连接 48.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算) 49.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置. 50.string.match(regExpression),判断字符是否匹配. 51.string.replace(regExpression,replaceString)替换现有字符串. 52.string.split(分隔符)返回一个数组存储值. 53.string.substr(start[,length])取从第几位到指定长度的字符串. 54.string.toLowerCase()使字符串全部变为小写. 55.string.toUpperCase()使全部字符变为大写. 56.parseInt(string[,radix(代表进制)])强制转换成整型. 57.parseFloat(string[,radix])强制转换成浮点型.
