溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JS 知識點收集

發(fā)布時間：2020-04-01 18:35:44 來源：網(wǎng)絡(luò) 閱讀：300 作者：justforid 欄目：web開發(fā)

  1. setInterval

    setInterval() 方法可按照指定的周期（以毫秒計）來調(diào)用函數(shù)或計算表達式。
    setInterval() 方法會不停地調(diào)用函數(shù)，直到 clearInterval() 被調(diào)用或窗口被關(guān)閉。setInterval() 的返回值返回
    一個可以傳遞給 Window.clearInterval()的參數(shù)， 從而取消對 code 的周期性執(zhí)行的值。  
     <html>
     <body>
     <input type="text" id="clock" size="35" />
     <script language=javascript>
     var int=self.setInterval("clock()",50)
     function clock()
       {
       var t=new Date()
       document.getElementById("clock").value=t
       }
     </script>
     </form>
     <button onclick="int=window.clearInterval(int)">Stop interval</button>
     </body>
     </html>

  2. jQuery動畫效果animate和scrollTop結(jié)合使用實例

     animate是jq的一個特效的函數(shù)方法，animate() 方法執(zhí)行 CSS 屬性集的自定義動畫。該方法通過CSS樣式將元素從一個狀態(tài)改變?yōu)榱硪粋€狀態(tài)。
     CSS屬性值是逐漸改變的，這樣就可以創(chuàng)建動畫效果。
     只有數(shù)字值可創(chuàng)建動畫（比如 "margin:30px"）。
     字符串值無法創(chuàng)建動畫（比如 "background-color:red"）。
     $('#shang').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
     上面的代碼表示滾動條跳到0的位置，頁面移動速度是800。  
     結(jié)合scrollTop實用示例：
     jQuery(document).ready(function($){
      $('#shang').click(function(){
       $('html,body').animate({scrollTop: '0px'}, 800);
      });
      $('#comt').click(function(){
       $('html,body').animate({scrollTop:$('#comments').offset().top}, 800);
      });
      $('#xia').click(function(){
       $('html,body').animate({scrollTop:$('#footer').offset().top}, 800);
      });
     });
     表示點擊相關(guān)ID移動到指定位置：
     點擊ID為shang的元素，回到頂部；
     點擊ID為comt的元素，回到ID為comments的位置；
     點擊ID為xia的元素，回到底部；
       
      $('.chat-content').animate({
       scrollTop: $('.chat-content')[0].scrollHeight}, 500
      );//這個實現(xiàn) chat-content里的內(nèi)容不斷增加，滾動條下滾

  3. 獲取時間

    var d = new Date();
    var send_time = d.getHours() + ":"+ d.getMinutes() + ":"+ d.getSeconds();

  4. JSON

    str = JSON.parse(jsonstr)    解析 json格式字符串

     

    JSON.stringify(str)　　生成json格式字符串

  5. parseInt  parseFloat

  6. bind、delegate、on

    bind是將事件綁定到某個或某種元素上，它不能綁定到尚未存在的元素上；

    delegate 采用了事件委托的概念。不是直接為某個元素綁定事件，而是為其父元素（或祖先元素也可）綁定事件，如：

     $("div").delegate("p", "click", function () {
       alert($(this).text());
      });    
    當在此例中的div元素父內(nèi)任意元素上點擊時，事件會一層層從event target向上冒泡，直至到達你    為其綁定事件的元素P，冒泡的過程中，如果事件的currentTarget與選擇器匹配時，就會執(zhí)行代碼。

     這樣就解決了用bind()方法的上面兩個問題，不用再一個個地去為p元素綁定事件，也可以為動態(tài)添加進來的p元素綁定。甚至，如果你將事件綁定到document上，都不用等document準備好就可執(zhí)行綁定。但是，如果層數(shù)太多，會影響到性能

    on  是 JQUERY １.7 后官方建議的方式，

      $("div").on("click","p",function(){
       alert($(this).text());
      })

     對應(yīng)于bind()、delegate()和on()綁定方法，其移除事件的方法分別為：
      $( "div p" ).unbind( "click", handler );
      $( "div" ).undelegate( "p", "click", handler );
      $( "div" ).off( "click", "p", handler );
 
     選擇器匹配到的元素比較多時，不要用bind()迭代綁定
     用id選擇器時，可以用bind()
     需要給動態(tài)添加的元素綁定時，用delegate()或者on()
     用delegate()和on()方法，dom樹不要太深
     盡量使用on()

    用delegate來監(jiān)測某個鍵是否按下以執(zhí)行特殊方法監(jiān)測body　下texarea有沒有敲回車    鍵  

    $("body").delegate("textarea", "keydown",function(e){

            if(e.which == 13) {//Enter     key down                

                aler( $("textarea").val());            

        }        });//end body  

7. 去掉focus的邊框

      a:focus {
      outline:none;
  }

8.javascript 沒有trim功能,jquery有

    str='  abc   '

    $.trim(str)   // str='abc'

 

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手