js方法小结

    xiaoxiao2025-11-15  4

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

    转载请注明原文地址: https://ju.6miu.com/read-1304201.html
    最新回复(0)