JavaScript

• JavaScript原名liveScrip,由美國網景公司開發的一種用于對網頁操作的腳本語言

• 腳本語言:(不需要編譯 sql html css)由某種解釋器直接解釋運行的

• JavaScript是一種解釋性的腳本語言

• JavaScript是網頁的行為,可以為網頁提供各種行為(圖片操作)

• JavaScript一般一對< script>標簽里面或者寫在.js文件里面在鏈接到html文件里面

語法

聲明變量

使用var來聲明

var a = "100"a = 100

注: 不需要聲明變量類型,直接使用var聲明,但是注意 值 是有類型的 賦值什么樣的類型的值,則變量是什么對于 類型

變量類型

• 數值型(整型與浮點型)
• 波爾類型(boolean) true 與 false
• 字符串(使用雙引號框起來)
• undefined類型(聲明了便量卻沒有初始化變量 值不明確)

運算符

• 算數運算

基本與java一樣

注: +不僅有加法功能也有字符串的連接功能,與java不同的是,-當數字與數字字符串相減時,可以將字符串轉化為數字進行相減,當然其他也是一樣的都可以隱式把數字字符串轉換為數值型(+除外,是字符串連接)

• 賦值運算 =
• 比較運算==,===,>/>=,</<=

==比較值是否相等,===比較值和類型都是否相等

• 邏輯運算 &&/||/!

與C和java一樣

定義函數(function)

function [函數名](不需要聲明返回值類型)([參數列表(不需要聲明類型)])

全局函數

• alert()消息接收框

  

• confirm() 返回值 boolean類型 點擊確定返回true 取消返回 false

  confirm("你是傻子嗎")
  

  

• prompt()輸入對話框(如果不輸入返回null)

  var a = prompt()alert(a)
  

  

• typeof([變量])返回變量類型

• parseInt([變量])把變量轉換為Int類型 同理parseFloat([變量])把變量轉換為浮點型

• eval([字符串])將字符串作為腳本或者運算式來處理

  var a = 2
  var s = "3+a*6"
  alert(eval(s))
  

  

事件

• onclick()鼠標點擊時
• ondblclick()雙擊事件
• onblur()標簽失去鼠標焦點的事件
• onfocus()標簽獲鼠標得焦點事件
• onmouseover()鼠標放標簽上面觸發事件
• onmouseout()鼠標移開標簽后除法事件
• onload()打開**網頁內容加載完畢后**自動打開某事件

如果在head上面直接調用某函數或者某種時間,那是在網頁加載前觸發的

• onchange()當輸入框失去鼠標焦點,且內容發生改變時,觸發的事件

數組Array

var a = new Array([多個變量]/none);

• a.sort(numbersort)在sort內部調用自定義的numbersort函數.每次傳入兩個值

自定義numbersort,其中numbersort相當于排序規則

function numbersort(a,b){return a-b
}

HTML_DOM對象

? DOM是Document Object Model文檔對象模型,通過標簽事件觸發函數(js),在函數中又返回來對網頁中的標簽事件操作,在js中如何能夠操作網頁中的標簽

• 在JS語言中,認為每個標簽就是一個獨一無二的對象
• 在JS語言中可以獲得網頁中的標簽,這樣就可以在JS中標簽的屬性,內容,樣式進行操作
• 要操作哪個標簽,必須獲得標簽

獲取標簽的方法

• 可以通過document對象中的getElementById("[id名字]")的方法

var obj = document.getElementById("[id]")

方法

• obj.innerText獲取標簽體的文本
• obj.innerHTML獲取標簽體中的所有內容,包括子標簽
• 對標簽的CSS屬性進行操作 obj.style.[屬性] = [屬性值]

如果有多個標簽沒有標明ID,我們可以獲取標簽名字,使用數組獲取對象

var obj = document.getElementByTagName("[標簽名字]")
for(var i = 0; i<obj.length;++i){obj[i] // 每一個元素都是一個對象
}

console.log([內容])

把內容打印到瀏覽器的console上面

計時器

方法

• setTimeout("函數",[時間])未來的某時執行代碼 會返回執行的次數
• clearTimeout([關閉的執行次數])取,消setTimeout()
• setInterval("函數",[時間])每個指定時間重復調用
• clearInterval()取消setInterval()