引入方式
- 頁頭引入(head)
- 頁中引入(body)
- 元素事件中引入(標籤)
- 外部引入(link)
實例
<!DOCTYPE HTML>
<html>
<head>
<title>JavaScript引入方式<title>
<script type="text/javascript" src="function.js">/*外部引入*/</script>
<script type="text/javascript">
/*頁頭引入*/
</script>
</head>
<body>
<script type="text/javascript">
/*頁中引入*/
</script>
<input type="button" onclick="alert('元素事件中引入')" value="元素事件中引入"></input>
</body>
</html>
數據類型
字符串(”content”)、數字(1)、布爾(true/false)、數組(Array)、對象、Null、Undefined
相比較於Java,多了一個undefined,相當於是沒有初始化的值;但是在JavaScript中聲明變量只能使用var,在函數(方法、function)傳參的時候也不需要聲明類型(可看作都是var,寫不寫都認識吧!),並且方法上要求傳參,但是調用的時候不傳也能調用該方法!
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/><!--編碼格式爲utf-8-->
<title>js數據類型</title>
<script type="text/javascript">
function test1(){
document.write("字符串<br/>");
var a = "hello";
var b = "world";
document.write(a+b);
document.write("<br/>類型 "+typeof(a+b));
}
test1();
document.write("<hr/>");
function test2(){
document.write("數字<br/>");
var a = 1;
var b = 2;
var c = "2";//c是一個字符串
document.write(a+"+"+b+"="+(a+b));//3
document.write("<br/>類型 "+typeof(a+b));
document.write("<br/>");
document.write("數字"+a+"+"+"字符串"+c+"="+(a+c));//12
document.write("<br/>類型 "+typeof(a+c));
}
test2();
document.write("<hr/>");
function test3(){
document.write("布爾<br/>");
var a = true;
var b = false;
document.write(a);
document.write("<br/>類型 "+typeof(a));
document.write("<br/>");
document.write(b);
}
test3();
document.write("<hr/>");
function test4(){
document.write("數組<br/>");
var a = new Array(1,2,"3");//相當於一個object數組
for(i in a){//遍歷,可以看成增強for循環
document.write(a[i]+" ");
}
document.write("<br/>類型 "+typeof(a));
}
test4();
document.write("<hr/>");
function test5(){
document.write("對象<br/>");
var person = {id : "1001",name : "張三"};
var id = person["id"];//第一種獲取屬性的方式
document.write(id+"--");
var name = person.name;//第二種獲取屬性的方式
document.write(name);
document.write("<br/>類型 "+typeof(person));
}
test5();
document.write("<hr/>");
function test6(c){//函數要求傳參
document.write("null和undefined<br/>");
var a = null;
var b;
document.write("a="+a);
document.write("<br/>類型 "+typeof(a));
document.write("<br/>b="+b);
document.write("<br/>類型 "+typeof(b));
}
test6();//調用的時候並沒有傳參,但依然可以調用
</script>
</head>
<body>
</body>
</html>