1.3JavaScript基礎
1.3.1DOM的相關知識
DOM的含義:Document Object Model,文檔對象模型，
文檔:指的是標記文檔(html ,xml)
対象:可以使用dom裏面的相關屬性和方法來解析標記性文檔.
Dom的組成:核心Dom,Html Dom ,XML Dom.
Dom如何解析html文檔:
DOM會根據html的層級結構，在內存中形成一個樹形結構，樹形結構裏面有標記元素和屬性文本等元素，
整個html文檔對應一個document對象，通過document文檔對象， 可以操作html裏面得到所有元素。
2.節點的訪向:
節點対象. childNodes :獲取該節點的所有子節點。
節點対象. parentNode:獲取該節點的父節點。
3.荻取文檔中的元素:
下面的方法是html dom的方法
根據標記的id屬性值獲取元素對象: document.getElementById(id屬性對應的值);
根據標記的名稱獲取元素對象: document.getElementsByTagName(標記的名稱);
根據標記的name屬性值獲取元素對象: document. getElmentsByName(name屬性對應的值);
1.3.2 JavaScript概述
什麼是js：它是基於對象和事件驅動的語言，它應用於客戶端。
基於對象:在js裏面提供了一些對象，可以直接使用。
面向對象:在java裏 面先創建對象，再使用。
事件驅動: js裏 面它觸發事件，調用函數，實現網頁裏面的動態效果。
***客戶端:瀏覽器。
javaScript和java的區別(雷鋒塔和雷鋒) :
- javaScript是網景的產品，java是sun公司的產品， 現在oracle.
- javaScript的運行只要系統裏有瀏覽器就可以了。java的運行依賴於虛擬機。
- javaScript是弱類型語言，java是強類型語言。
弱類型語言:在js裏面，所有的變量都用var定義，比如: var a=10;var b="hello js"強類型語言:在java裏面，int a=10; int b="hello java" 錯誤的寫法。
javaScript的組成: . - EcmaScript:規範了js的基於語法。
- Bom: Browser Object model ,瀏覽器對象模型，操作瀏覽器。
- Dom: Document 0bject model， 文檔對象模型，操作文檔。
js作用:它是給網頁增加動態效果。
1.內嵌式:
在網頁裏，引入js代碼的基本語法: <script type="text/javascript"> js代碼</script>
在上述代碼中，type屬性是用來指定HTML文檔引用的腳本語言類型，當type屬性的值爲text/Javascript時，表示<script></script>元素中包含的是Javascript腳本。
2.外鏈式:
在網頁裏，引入外部的js文件的語法: <script type=" text/javascript" src="js文件的url"></script>
操作步驟: 1.創建-一個js文件，2. 在script標記裏面，使用src屬性來引入外部的js文件。
比如:
<head>
<title>insert title here</title>
<script type="text/javaScript" src= " demo01. js"></script>
</head>
<body>
<br/>
來學習javaScript
</body>
3.js裏的數據類型:
Number :數字類型
String :字符串類型
Object:對象類型
null:空類型
undef ined:未知的類型
Boolean :布尓類型
比如:
var a=10;
// alert(typeof a);
var b="hello js";
// alert(typeof b)
var c=null;
// alert(typeof f);
var d;
// alert(typeof d)
var e=true;
alert(typeof e)
4.變量
在js裏面定義變量都用var來定義。
5.運算符算術運算符: + - * / 等等
比較運算符: > < >= <=等等
邏輯運算符: && ||等等
賦值運算符: += -=等等
注意: var a=10;var b="0"; var c=a-b;在進行減法(乘除法)操作時，會把string類型的值，轉換爲number型。
6.條件語句:
if ,if else,if else if else等語句
其它語句: for語句。switch case語句等等
比如:
var a3=10;
var b3=20;
if(a3==b3){
alert("相等的是10");
}else{
alert("other---")
1.3.3 JavaScript的使用
1.函數的定義和使用
在js裏面定義函數的三種方式：
（1）創建普通函數
語法：function add(a,b){
var sum=a+b;
return sum;
}
（2）創建匿名函數
語法：var add2=function(a,b){
var sum=a+b;
return sum;
}
（3）創建動態函數：
語法：a.定義函數的參數:
var param=’’a,b’’;
b.創建函數體:
var method=”var sum=a+b;return sum;”
c.動態函數:
var add =new Function(param,method);
2.事件處理
事件：通過觸發事件，去調用相關的函數，來實現網頁的動態效果。
如果在網頁裏面去觸發事件？
在網頁裏面綁定事件常用的兩種方式：
(1)直接通過事件綁定函數。
比如：<input type=”button” name=”btn” value=”點我” onclick=”add()” >;” />
Function add() {alert(“點我啊”);}
(2) 通過給事件屬性賦一個函數
比如：<input type=”button” name=”bbs” value=”aa” id=”inputID” >;” />
document.getElementById(“inputID”)onclick=function(){
alert(“點我了麼”);
}
常用事件：
（4）點擊事件：onclick
（5）失去焦點事件：onblur
（6）獲取焦點：onfocuse
（7）鍵盤事件：onkeyup onkeydown onkey press
（8）頁面加載事件：onload
（9）鼠標事件：onmouseout onmouseover onmousemove
3.常用對象
A.window對象：
常用的屬性：history，document，navigator，location，screen
比如：var aa=window.location.href;
alert(aa);
常用的方法：
設置定時器方法：
Var id1=setInterval(js代碼，時間)：每隔一段時間循環執行對應的js代碼
Var id2=setTimeout（js代碼，時間）：每隔一段時間，只執行一次對應的js代碼
消除定時器的方法：
ClearInterval(id1)
clearTimeout(id2)
B.Date對象：
使用方法和Java差不多
Var myDate=new Date();
獲取年份：myDate.getFullYear();
獲取月份:myDate.getMonth();
獲取天：myDate.getDay()
C.String對象
獲取字符串的長度：
Length
與HTML相關的方法：
字體加粗：bold();字體變大：big();
與Java相似的方法：
IndexOf(),concat(),substr(),substring()