Js查漏補缺-04

0x00 DOM

    ①innerText();不識別html      innerHTML();可以識別HTML,此外這兩個函數都能讀取元素內容(當無參數時)

    ②以上函數只能修改普通盒子的內容,像表單這種特殊標籤只能用value來修改

    ③this在事件中指向的是事件函數的調用者;

0x01 一些常用方法

    listItems.push(inputNewItem.value); js的斷點聲明
    document.querySelector() 返回匹配的第一個元素,不需額外的jquery支持,如var aa=document.querySelector('p')就是令aa等於第一個p元素
    document.getElementById(id)返回指定id的引用,注意,返回的是對象,如aa=document.getElementById(id) aa.value纔是值
    addEventListener() 用於向指定元素添加事件。可以向一個元素添加多次事件或者多次不同事件,後面的事件是不會覆蓋前面的。
    .textContent表示標籤內的文本內容
    guessField.focus();//將鼠標光標放入guessfield框中
    prompt顯示一個對話框,對話框中包含一條文字信息,用來提示用戶輸入文字。         例:var sign = window.prompt('你覺得很幸運嗎?','是的'); // 打開顯示提示文本爲"你覺得很幸運嗎?"並且輸入框默認值爲"是的"的提示窗口
    split() 方法可以將字符串轉換爲數組
      例:

      let myData = 'Manchester,London,Liverpool,Birmingham,Leeds,Carlisle';
      let myArray = myData.split(',');


      然後myarray就等於Array(6) [ "Manchester", "London", "Liverpool", "Birmingham", "Leeds", "Carlisle" ]
    join()方法與split方法作用1相反
    unshift() 和 shift() 從功能上與 push() 和 pop() 完全相同,只是它們分別作用於數組的開始,而不是結尾
    placeholder修改文本域的提示文本:例 document.getElementById("myText").placeholder = "在這輸入姓名..";
    setAttribute(class, value)中class是指改變class這個屬性,所以要帶引號。例:newImage.setAttribute('src', 'images/pic' + i + '.jpg');
    getAttribute()的功能是獲得某個元素 例:var name1=btn.getAttribute('class');就是獲得btn的class屬性並賦值給name1
    call()函數允許調用一個在這個文件裏別處定義的函數。第一個參數指明瞭在運行這個函數時想對“this”指定的值,也就是說,可以重新指定您調用的函數裏所有“this”指向的對象。其他的變量指明瞭所有目標函數運行時接受的參數
    create()函數用來創建對象,第一個參數是函數原型,例Teacher.prototype = Object.create(Person.prototype);teacher類繼承 person類的方法
    open()函數用來建立一個請求,這個函數至少含有兩個參數,其它的是可選參數。例request.open('GET', requestURL);向requestURL發起一個get請求
    parse(): 以文本字符串形式接受JSON對象作爲參數,並返回相應的對象。。
    stringify(): 接收一個對象作爲參數,返回一個對應的JSON字符串。
    createTextNode()創建文本結點,在構建動態接口時大量使用 例:var text = document.createTextNode(' — the premier source for web development knowledge.');
    removeChild()刪除一個結點 例:sect.removeChild(linkPara);
  刪除僅基於自己引用的結點  linkPara.parentNode.removeChild(linkPara);
    Window.onresize,    onresize屬性可以用來獲取或設置當前窗口的resize事件的事件處理函數,resize事件表示瀏覽器窗口發生改變
    input.value表示input標籤輸入的內容 例:var text1=input1.value;
    document.createElement()表示創建一個元素  例document.createElement('li');
onchange 事件處理函數 當事件改變時執行函數 例:
   

let verseChoose = document.querySelector('select');
    verseChoose.onchange = function() {
      let verse = verseChoose.value;
      updateDisplay(verse);
    };


toLowerCase() 會將調用該方法的字符串值轉爲小寫形式,並返回。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章