javascript_DOM 編程藝術學習筆記（一）
一、js放入html代碼的三種方式
1、第一種方式是將JavaScript代碼放到文檔<head>標籤中的<script>標籤之間
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
alert("呵呵");
</script>
</head>
<body>
</body>
</html>2、第二種比第一種好，將JavaScript代碼存入一個擴展名爲.js的獨立文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="example.js"></script>
<body>
</body>
</html>3、一種最好的方式是<script>標籤放到HTML文檔的最後，</body>標籤之前，這樣能使瀏覽器更快地加載頁面。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<body>
<h1>暈了</h1>
<script type="text/javascript" src="example.js"></script>
</body>
</html>二、數組
1、一維數組
1）指定數組長度
var arr = Array(4);
2）不指定數組長度
var arr = Array();
var arr = new Array();
3）var arr = Array("John","paul","Georage");
4）var arr = [] 等價於 Array()
var arr = [1,"hehe",false];
2、多維數組
var a = [1,"dsf",false];
var b = [a];
alert(b[0][0]);也可以
var a = [1,"dsf",false];
var b = [];
b[0] = a;
alert(b[0][0]);三、關聯數組
var a = Array();
a["1"] = 0;
alert(a["1"]);或者
var a = [];
a["1"] = 0;
alert(a["1"]);不推薦使用這種方法。本質上，在創建關聯數組時，你創建的是Array對象的屬性。建議使用通用對象(Object)。
四、對象
1、創建對象並引用
var o = Object();
o.name = "john";
o.age = 21;
o.living = false;
alert(o.name);或者
var o = {name:"john",age:21,living:false};
alert(o.age);又或者
var o = {};
o.name = "john";
alert(o.name);2、數組和對象的引用
var o = {};
o.name = "john";
var a = [o];
alert(a[0].name);3、對象和對象的引用
var o = {};
o.name = "john";
var b = {index:o};
alert(b.index.name);五、比較操作符
if("a" == "a"){
alert("true");
}else{
alert("false");
}正常情況下這種方法是正確的。相等操作符並不嚴格，比如：比較空字符串和false，會出現不一樣的結果
if("" == false){
alert("true");
}else{
alert("false");
}因爲==操作符認爲空字符串和false的含義相同。!=也是一樣的。如果要嚴格比較實用===，!==
if("" === false){
alert("true");
}else{
alert("false");
}六、函數
var p = print("hehe");
alert(p);
function print (argument) {
return argument
}七、變量的作用域
全局變量：可以在腳本中的任何位置被引用
局部變量：只存在於聲明他的那個函數的內部。如果在某個函數中使用var，那個變量就是局部變量。
例子：
function square(num){
total = num * num;
return total;
}
var total = 20;
var number = square(total);
alert(total);function square(num){
var total = num * num;
return total;
}
var total = 20;
var number = square(total);
alert(total);