js 一些基礎的理解

標籤：互動   ons   包括   加法   ntb   doc   設定   內容   顏色   

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)

js 一些基礎的理解