JavaScript學習筆記02

2021-08-19 16:17:58 字數 1541 閱讀 4372

獲取方式

區別解釋

getelementbyid

根據id獲取,呼叫物件只能是docoument

getelementsbyname

根據name獲取,呼叫物件只能是document

getelementsbyclassname

根據class獲取,呼叫物件可以是父級和document(不相容ie8-)

getelementsbytagname

根據標籤獲取,呼叫物件可以是父級和document

1、獲取html屬性 直接 物件.屬性名

2、獲取class classname

3、獲取css屬性 物件.style.屬性名

4、css中所有 background-color 這種格式的 在js中 都換成 backgroundcolor

1、innertext 獲取純文字內容

2、innerhtml 獲取帶標籤的文字內容

var odiv  = document.getelementbyid('div');

for (var i in odiv.style)

1、高階瀏覽器

getcomputedstyle(obj, null).屬性

2、低階瀏覽器

obj.currentstyle[屬性]

3、相容性寫法

//相容性寫法

function

getstyle

(obj, name)

1、一次性定時器

settimeout 設定定時器

cleartimeout 清空定時器

var timer = settimeout(function

() ,5000);

cleartimeout(timer);

2、週期性定時器

setinterval 設定定時器

clearinterval 清空定時器

var timer = setinterval(function

() , 1000);

clearinterval(timer);

說明: 1、第二個引數是時間 單位是 ms 1000=1s

2、一般都會定義個變數儲存定時器 方便清空 timer

1、湯唯消失

2、計數器

​ 補零函式

function

buling

(n)

3、鐘錶

4、倒計時

5、電梯

7、彈彈彈

1、購物車加減

2、電梯

​ 1、從下到上 1樓在最下面

​ 2、有上樓下樓

​ 3、當前樓層上下樓

​ 4、不要重複觸發定時器

​ 5、跳轉樓層限定

​ 下標倒敘

​ var timer = null

​ 計算時要注意資料型別

Javascript 學習筆記

如果在生成的html裡面有事件需要傳遞帶特殊字元的引數,處理如下 singletext 輸入 1.singletext value.escapehtml 為 將html編碼 2.singletext value.escapehtml inspect 為 3.在 jsdebugtext innerht...

javascript學習筆記

視窗操作 1改變視窗的位置 window.location 2視窗的歷史操作 previous 3建立新的視窗 window.open url 視窗名稱 視窗特徵字元 細節 不能換行寫 視窗特徵 width,height,yes,no munubar,status,scrollbars,resiza...

javaScript學習筆記

2018 12 26 標題 var num1 10 var num2 0 var result num1 num2 console.log result infinity 表示超出了js的數值範圍 類似高數里的整數除以無窮小的數,得到無窮大的結果。var num1 a var num2 3 或其它n...