第3章 javascript概述（1）

這一章學習了JavaScript，它主要用來提升HTML頁面的交互性，添加各類動態功能，而且不須要編譯。javascript

使用方式包括：css

內嵌式html

<script type="text/javascript">
    alert("內嵌式引入js");
</script>

外鏈式java

<!--css引入時link是單標籤的；成對的-->
<!--<script type="text/javascript" src="myJs.js">
</script>-->

// JavaScript Document
alert("jdjsd");

JS 能作什麼？：

（1）對事件的反應（鼠標點按鈕：單擊、雙擊；）瀏覽器

（2）驗證輸入（例如輸入用戶名、密碼，驗證長度不能大於10）函數

（3）改變HTML標籤的內容或者樣式學習

（4）直接輸出HTML內容spa

js能夠放在html的任何位置，可是爲了方便維護能夠統一放在<head></head>中，能夠寫多個<script></script>。註釋能夠用 // 註釋單行 /* */ 註釋多行。每一行代碼用分號分隔而且能夠一行寫多條語句。code

JavaScript 能夠經過不一樣的方式來輸出數據：htm

（1）使用 alert() 彈出警告框。

（2）使用 console.log() 寫入到瀏覽器的控制檯。

（3）使用 document.write() 方法將內容寫到 HTML 文檔中。

（4）使用 innerHTML 寫入到 HTML 元素。

//幾種打印方式
	console.log("我是console打印");
	document.write('<h1>寫入頁面</h1>');
	document.getElementById("msg").innerHTML = "您用戶名不對";
	alert("內嵌式引入js");

JS中常見的數據類型：

js中使用var聲明變量。無需指定變量類型，變量名能夠由字母、下劃線（_）、美圓符號（$），甚至中文組成，但中文命名的方式不建議使用，中間能夠是數字、字母或下劃線，可是不能有空格、加號、減號等符號。聲明時不能數字開頭。

須要注意的是，如下關鍵字一樣不能夠用做函數名、對象名：

var a = 1;
	var b = 1.0;
	b = "haha";//js裏面能夠賦值爲不一樣類型是數據
	alert(typeof(b));//typeof是查看b的數據類型
	b = true;	
	alert(typeof(b));//typeof是查看b的數據類型

	var c;
	alert(typeof(c));//undefined
	var d = [];
	alert(typeof(d));//object對象類型

js中的運算符：

//字符串+鏈接符
	var a = 12; 
	var b = "12";
	var c = a + b;
	alert(c);//1212
	var d = a + parseInt(b);//parseFloat,只有這2個
	alert(d);//24*/

	var a = 12;
	var b = "12";
	alert("==:"+(a==b));//只比較值是否相等
	alert(a===b);//值和類型都相等*/

定義一個對象：

var person = {
		height: "65kg",//屬性
		weight: 165.00,
		sex: true,
		eat: function(){//方法
			alert("我吃飯了");
		},
		sleep: function(n){//n:睡了幾個小時
			alert("睡了："+n+"小時");
		}
	};
	alert("身高："+person.height);//對象名字.屬性
	alert("體重："+person.weight);
	person.eat();//對象名字.方法或叫函數
	person.sleep("18個");