剛學了js操作html的基本方法,在寫代碼過程中,有很多格式不規范,忘記加雙引號尤其重要,通常這
樣的錯誤很容易范,並且這種錯誤很難找。
隨着代碼學習量越來越多,很多寫法容易搞混。今天記錄一下,以便后期查看使用
1.js事件
例如最基本的,onbluer 獲得焦點,onchenge 修改文本,onclick 鼠標點擊事等等。
這類代碼寫到標簽中,<div onclick="函數名"></div>,這里注意的是函數名的雙引號。
2.dom的window操作
window.open(url,name,spers,replace);注意此處的四個人屬性值都加雙引號用逗號隔開。
url:打開的鏈接的地址。
name:打開方式有四種,默認為_blank 打開新窗口
_parent 打開到付及框架
_sele 代替自身的頁面
_top 直接打開到頂級父級頁面
spers:多用於調整高度
以下的window操作寫法可以將window換成對應的對象名:
window.close(); 關閉窗口
window.moveto(x,y); 調整打開窗口的位置
window.resize(x,y); 高寬 單位是像素
3.延遲與間隔
間隔 setInterval("函數名",間隔時間) 函數名需要添加雙引號!! 時間是毫秒!
setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或窗口被關閉。由
setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。
clearInterval(間隔的變量名);
間隔多用於沒有用戶操作的情況下
延遲
setTimeout("函數名",間隔時間) 雙引號注意!!
方法用於在指定的毫秒數后調用函數或計算表達式。
4.操作html
查找元素:
根據id獲取元素
document.getElementById("id");
根據class獲取元素
document.getElementsByClassName("class");
根據標簽名獲取元素
document.getElementsByTagName("div");
根據name獲取元素
document.getElementsByName("name");
注意添加引號!!
5.改變html內容
對象名.innerHTML;用於添加文本或者代碼
添加文本 .innertext;
6.操作屬性 此處注意添加雙引號!!
1.設置一個屬性,添加或更改
獲取的對象.setAttribute("屬性名","屬性值")
2.獲取屬性的值
獲取的對象.getAttribute("屬性名");
3.移除一個屬性
獲取的對象.removeAttribute("屬性名");
7.操作樣式
1.操作樣式
獲取的 對象.style.樣式="" ; 樣式中間的橫杠去掉 且需要大寫 例如
backgroundColor
2.獲取樣式
Var a = 獲取的對象.style.樣式
8.操作表單元素
對象名.value;