javascript(JS)的組成? DOM 文檔對象模型 BOM 瀏覽器對象模型 ECMAScript javascript(JS)在頁面中處理了什麼事情? 特效交互 數據交互 邏輯操作 常見特效的原理 通過js修改元素的css樣式,來操作元素的變化 js可以寫在哪 寫在寫標簽內部,行間事件(不允 ...
javascript(JS)的組成?
- DOM 文檔對象模型
- BOM 瀏覽器對象模型
- ECMAScript
javascript(JS)在頁面中處理了什麼事情?
- 特效交互
- 數據交互
- 邏輯操作
常見特效的原理
- 通過js修改元素的css樣式,來操作元素的變化
js可以寫在哪
- 寫在寫標簽內部,行間事件(不允許使用)
- 寫在頁面內部專門的script標簽中
- 寫在專門的js文件中(註意文件的尾碼名是.js),通過script標簽的src引入文件
獲取元素
- 如果說要獲取的是個id,可以直接寫元素的id名
- document.getElementById('idName') 獲取Id
調試
- alert() 彈出對話框 接受的是個字元串
- console.log() 列印控制台
屬性操作
- .
-
屬性讀操作 (獲取元素的屬性值)
- class 不叫class,叫className
- style 操作的是元素的行間樣式
- 獲取src時候,獲取到的是絕對路徑
- 獲取background這類複合樣式的時候,firefox下可以獲取到複合樣式中的所有樣式而chrom下獲取到的只是我們寫了的樣式
- 設置了十六進位顏色,但是獲取的時候,獲取到的是rgb顏色
- 遇到"-",刪除"-"首字母大寫
-
屬性的寫操作 (修改元素的屬性值)
- 把等號右側的值賦給左側
- cssText 獲取style中所有內容
- 直接修改cssText會覆蓋,style中的所有內容,如果不想覆蓋之前的所有內容,可以直接寫 style,或者用 +=
- cssText = "" 可以直接情況所有的行間樣式
-
innerHTML 元素的內容
- 從元素的開標簽到閉合標簽之間的所有內容,包括元素中包含的子元素
- 直接設置元素的innerHTML,或替換掉之前的所有內容,如果不想替換隻是添加內容用 +=
-
字元串
- 一種數據格式,引號包起來的一串字元
undefined
- 一種數據類型,未定義
+號運算符
- 加法運算
- 鏈接兩個字元串
- += (a += b --- a = a + b)