下面我来把经常会用的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])强制转换成浮点型.