js方法小结

下面我来把经常会用的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"] + "&nbsp;<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" onclick="location.href='b.html';return false">dfsadf</a>  
 21.防止用户对文本框中输入文本:onfocus="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.onbeforeunload=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])强制转换成浮点型.