1. 程式人生 > 實用技巧 >JS (JavaScript)

JS (JavaScript)

JavaScript簡介
1、JS介紹
	全稱:JavaScript,簡稱JS
	JS是由NetScape(網景)提供的一門嵌入在瀏覽器中執行的指令碼語言(一段小程式)
	
	主要作用:用於實現網頁中的動畫效果和實現表單驗證
	JS可以執行在伺服器端(Node.js)

2、JS的特點
	JS是一門直譯式的語言(JS不需要編譯,執行的就是原始碼)
	JS是一門基於物件的語言(JS可以通過某些機制模擬面向物件)
	JS是一門弱型別的語言(Java是強型別)
		Java: String str = "Hello World";
		int number = 100;
		JS: var str = "Hellow World";
			alert(str);
			str = 100;
			alert(str);
			str = true;
			alert(str);
			str = [88,123,111];
			alert(str);
		
3、JS的優勢
	JS具有良好的互動性
	JS具有一定的安全性(執行在瀏覽器內部)
	JS具有跨平臺性
		Java語言具有跨平臺性,是因為有JVM,JVM跨平臺嗎?
			JVM不跨平臺
		JS語言具有跨平臺性,是因為有瀏覽器,瀏覽器跨平臺嗎?
			瀏覽器不跨平臺!

4、如何在HTML中引入JS?
4.1.方式一: 在head或者body內部可以新增一個script標籤
		在script標籤內部可以直接書寫JS程式碼

	<!-- 方式一: 在script標籤內部直接書寫JS程式碼
		type:可以省略,指定語言型別是JS -->
	<script type="text/javascript">
		console.log("引入JS的方式一!!");
		//alert("引入JS的方式一!!");
		document.write("引入JS的方式一!!!<br/>");
	</script>

4.2.方式二: 在head或者body內部可以新增一個script標籤
	在script標籤上通過src屬性,可以引入外部的JS檔案

	<!-- 方式二: 引入外部的JS檔案 -->
	<script src="demo.js"></script>

	需要注意的是,第二種方式script標籤內部不要寫JS程式碼,寫了也不會執行!
	<script src="js/demo.js">
		console.log("Hello JS...333");//不會執行!
	</script>

4.3.方式三:將JS程式碼寫在標籤上
	<!-- 方式三: 直接在標籤上書寫JS程式碼 -->
	<button onclick="console.log('引入JS的方式三...')">
		別點我!
	</button>
	
	<input ondblclick="console.log('引入JS的方式三===')" 
		type="button" value="也別點我!"/>
	
4.4.onclick、ondblclick事件
	onclick是點選事件,在被綁定了該事件的元素上點選後,會立即觸發事件,執行所指向的函式
	ondblclick是點選事件,區別是需要雙擊才可以觸發事件,執行所指向的函式