• JS特效 http://www.it165.net/js/
  • 大发快乐十分官网

    發布日(ri)期(qi)︰2020-02-24 14:34:00


      為什(shi)麼(me)要引用JavaScript語言呢?

      因(yin)為HTML沒有計(ji)算能(neng)力。

      我剛入(ru)手前端的時候,是從(cong)jQuery開始的,那(na)時候都不懂,但(dan)是後(hou)來(lai)加入(ru)了一個小組(zu),需要我們需要制作一個網站(zhan),我被負責做(zuo)首頁(ye)等界面(mian),然後(hou)我的原(yuan)生JS了解(jie)的很少(shao),然後(hou)就自己去查資料啊,各種請教別人(ren)。就這麼(me)一次,可能(neng)開竅了。然後(hou)對于其他的用法都可以(yi)通(tong)融理解(jie)了。從(cong)jq到原(yuan)生js,就這樣過渡過來(lai)了。

      DOM操作︰

      我們學習JavaScript的時候可以(yi)選擇定點(dian)突破。一個點(dian)一個點(dian)理清,你可以(yi)不理解(jie)下面(mian)的東西,不過你要會用js來(lai)操作html。可以(yi)逆推,先用了,再(zai)理解(jie)。

      數據類(lei)型

      面(mian)向對象

      繼承

      閉包

      插件

      作用域

      跨域

      原(yuan)型鏈

      模塊化

      自定義(yi)事件

      內存泄漏(lou)

      事件機制

      異步裝載(zai)回調(diao)

      模板(ban)引擎

      JSON

      ajax

      js事件觸(chu)發︰

      0、onkeypress 在(zai)用戶按下並(bing)放開任何(he)字母數字鍵時發生。系統按鈕(niu)(例如,箭頭鍵和功能(neng) 鍵)無法得(de)到識別。[響應一個鍵]

      1、onkeyup 在(zai)用戶放開任何(he)先前按下的鍵盤鍵時發生。

      2、onkeydown 在(zai)用戶按下任何(he)鍵盤鍵(包括(kuo)系統按鈕(niu),如箭頭鍵和功能(neng)鍵)時發生。[響應幾個鍵的組(zu)合(he)]可以(yi)響應Ctrl、Alt、Shift等功能(neng)鍵和鍵的組(zu)合(he),而onkeypress不能(neng)

      3、onfocusout 失去光(guang)標(biao)事件

      4、onfocus 獲得(de)光(guang)標(biao)事件

      5、onabort 圖ji) 略(lue)乇淮蚨鮮/p>

      6、onblur 元素(su)失去焦點(dian)時

      7、onclick 鼠標(biao)點(dian)擊

      8、ondblclick 鼠標(biao)雙擊

      9、onerror 加載(zai)文檔(dang)或(huo)圖ji) ?砦笫/p>

      10、onmousedown 鼠標(biao)被按下時

      11、onmousemove 鼠標(biao)被移動時

      12、onmouseout 鼠標(biao)離開元素(su)時

      13、onmouseover 鼠標(biao)經過元素(su)時

      14、onmouseup 釋放鼠標(biao)按鍵時

      15、onunload 用戶離開頁(ye)面(mian)時

      JavaScript實用功能(neng)代(dai)碼片(pian)段

    原(yuan)生

      原(yuan)生JavaScript實現字符串長(chang)度截取

      function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.exec(temp) == null) { icount = icount + 1 } else { icount = icount + 2 } strre += temp } else { break } } return strre + "..." }

      原(yuan)生JavaScript獲取域名主機

      function getHost(url) { var host = "null"; if(typeof url == "undefined" null == url) { url = window.location.href; } var regex = /^w+://([^/]*).*/; var match = url.match(regex); if(typeof match != "undefined" && null != match) { host = match[1]; } return host;}

      原(yuan)生JavaScript元素(su)顯yun)鏡耐tong)用方法

      function $(id) { return !id ? null : document.getElementById(id); } function display(id) { var obj = $(id); if(obj.style.visibility) { obj.style.visibility = obj.style.visibility == 'visible' ? 'hidden' : 'visible'; } else { obj.style.display = obj.style.display == '' ? 'none' : ''; } }

      原(yuan)生JavaScript實現checkbox全選與(yu)全不選

      function checkAll() { var selectall = document.getElementById("selectall"); var allbox = document.getElementsByName("allbox"); if (selectall.checked) { for (var i = 0; i < allbox.length; i++) { allbox[i].checked = true; } } else { for (var i = 0; i < allbox.length; i++) { allbox[i].checked = false; } }}

      原(yuan)生JavaScript完美判(pan)斷是否為網址

      function IsURL(strUrl) { var regular = /^(((https?ftp)://)?[-a-z0-9]+(.[-a-z0-9]+)*.(?:comedugovintmilnetorgbizinfonamemuseumasiacoopaero[a-z][a-z]((25[0-5])(2[0-4]d)(1dd)([1-9]d)d))(/[-a-z0-9_:@&?=+,.!/~%$]*)?)$/i if (regular.test(strUrl)) { return true; } else { return false; }}

      原(yuan)生JavaScript獲得(de)URL中GET參(can)數值

      // 用法︰如果地址是 test.htm?t1=1&t2=2&t3=3, 那(na)麼(me)能(neng)取得(de)︰GET["t1"], GET["t2"], GET["t3"]function get_get(){ querystr = window.location.href.split("?") if(querystr[1]){ GETs = querystr[1].split("&") GET =new Array() for(i=0;i

      原(yuan)生JavaScript跨瀏覽器添加事件

      function addEvt(oTarget,sEvtType,fnHandle){ if(!oTarget){return;} if(oTarget.addEventListener){ oTarget.addEventListener(sEvtType,fnHandle,false); }else if(oTarget.attachEvent){ oTarget.attachEvent("on" + sEvtType,fnHandle); }else{ oTarget["on" + sEvtType] = fnHandle; }}

      原(yuan)生JavaScript常用的正則(ze)表達式

      //正整(zheng)數/^[0-9]*[1-9][0-9]*$/;//負整(zheng)數/^-[0-9]*[1-9][0-9]*$/;//正浮點(dian)數/^(([0-9]+.[0-9]*[1-9][0-9]*)([0-9]*[1-9][0-9]*.[0-9]+)([0-9]*[1-9][0-9]*))$/; //負浮點(dian)數/^(-(([0-9]+.[0-9]*[1-9][0-9]*)([0-9]*[1-9][0-9]*.[0-9]+)([0-9]*[1-9][0-9]*)))$/; //浮點(dian)數/^(-?d+)(.d+)?$/;//email地址/^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$/;//url地址/^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$/;//年/月/日(ri)(年-月-日(ri)、年.月.日(ri))/^(1920)dd[- /.](0[1-9]1[012])[- /.](0[1-9][12][0-9]3[01])$/;//匹配中文字符/[\u4e00-\u9fa5]/;//匹配帳號是否合(he)法(字母開頭,允(yun)許5-10字節(jie),允(yun)許字母數字下劃線(xian))/^[a-zA-Z][a-zA-Z0-9_]{4,9}$/;//匹配空白行的正則(ze)表達式/

      s*

      /;//匹配中國郵政編碼/[1-9]d{5}(?!d)/;//匹配身份證/d{15}d{18}/;//匹配國內電話號碼/(d{3}-d{4}-)?(d{8}d{7})?/;//匹配IP地址/((2[0-4]d25[0-5][01]?dd?).){3}(2[0-4]d25[0-5][01]?dd?)/;//匹配首尾空白字符的正則(ze)表達式/^s*s*$/;//匹配HTML標(biao)記的正則(ze)表達式< (S*?)[^>]*>.*?< .*? />;

      原(yuan)生JavaScript實現返(fan)回頂部的通(tong)用方法

      function backTop(btnId) { var btn = document.getElementById(btnId); var d = document.documentElement; var b = document.body; window.onscroll = set; btn.style.display = "none"; btn.onclick = function() { btn.style.display = "none"; window.onscroll = null; this.timer = setInterval(function() { d.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1); b.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1); if ((d.scrollTop + b.scrollTop) == 0) clearInterval(btn.timer, window.onscroll = set); }, 10); }; function set() { btn.style.display = (d.scrollTop + b.scrollTop > 100) ? 'block': "none" }};backTop('goTop');

      原(yuan)生JavaScript實現全選通(tong)用方法

       這個關于JS特效代(dai)碼欄目專欄組(zu)如何(he)來(lai)學習原(yuan)生JavaScript特效代(dai)碼大匯總因(yin)為本篇文章是從(cong)頭fan)轎怖lai)梳理它的理論基礎和發展歷程等等,我們將(jiang)相關的資訊(xun)和消息分(fen)析和總結將(jiang)相同的欄目和方式匯總起來(lai),這樣各位小伙伴們看(kan)起來(lai)也方便。

     function checkall(form, prefix, checkall) { var checkall = checkall ? checkall : 'chkall'; for(var i = 0; i < form.elements.length; i++) { var e = form.elements[i]; if(e.type=="checkbox"){ e.checked = form.elements[checkall].checked; } }}

      原(yuan)生JavaScript實現全部取消選擇通(tong)用方法

      function uncheckAll(form) { for (var i=0;i

      原(yuan)生JavaScript獲取單選按鈕(niu)的值

      function get_radio_value(field){ if(field&&field.length){ for(var i=0;i

      原(yuan)生JavaScript獲取復選框的值

      function get_checkbox_value(field){ if(field&&field.length){ for(var i=0;i

      原(yuan)生JavaScript判(pan)斷變量是否空值

      /** * 判(pan)斷變量是否空值 * undefined, null, '', false, 0, [], {} 均返(fan)回true,否則(ze)返(fan)回false */function empty(v){ switch (typeof v){ case 'undefined' : return true; case 'string' : if(trim(v).length == 0) return true; break; case 'boolean' : if(!v) return true; break; case 'number' : if(0 === v) return true; break; case 'object' : if(null === v) return true; if(undefined !== v.length && v.length==0) return true; for(var k in v){return false;} return true; break; } return false;}

      如果我們的文章能(neng)給各位小伙伴們帶來(lai)幫助(zhu)絕對yun)俏頤塹娜儺xing)與(yu)驕傲,我們網站(zhan)的宗旨是幫助(zhu)大家找到更多資訊(xun),感(gan)謝大家的支持和合(he)作,小編我和工作人(ren)員(yuan)會帶著這一份滿(man)滿(man)的熱情為大家服務(wu)。

    • 點(dian)擊排pan)/h3>

    • 今日(ri)排pan)/h3>

    • 周(zhou)排pan)/h3>

    • 月排pan)/h3>

    • 大发快乐十分官网

    次元立方 -廣(guang)告服務(wu) -隱私聲明 -版權申明 -免責條款 -網站(zhan)地圖 -網友(you)投稿 -聯系方式
    本站(zhan)內容來(lai)自于互(hu)聯網,僅(jin)供用于網絡技術學習,學習中請遵循相關法律法規
    大发快乐十分官网 | 下一页