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() 會將調用該方法的字符串值轉爲小寫形式,並返回。