1. 程式人生 > 其它 >JavaScript--01.學習內容及其他

JavaScript--01.學習內容及其他

1.1 JavaScript包含了3部分:
ECMAScript
DOM
BOM

1.2 JavaScript的特點
- 解釋型語言
- 類似於C和Java的語法結構
- 動態語言
- 基於原型的面向物件

1.3 基礎語法

  	<!--js程式碼需要編寫到script標籤中-->
	<script type="text/javascript">
	 
	    // 控制瀏覽器彈出一個警告框
	    alert("這是我的第一行JS程式碼");
		
	    // 讓計算機在頁面中輸出一個文件 原始碼裡不可見 開發者工具裡可見在body下
	    // document.write() 可以向body中輸出一個內容
	    document.write("每天只睡3小時");
		
	    // 向控制檯輸出一個內容 f12在控制檯下檢視
	    console.log('向控制檯輸出一個內容');
	</script>

1.4 javaScript 語法從上到下依次執行

1.5 javaScript的幾種寫法

1.5.1 可以將JS程式碼編寫到標籤的onclick屬性中,當點選按鈕時,js程式碼才會執行
      雖然可以寫在標籤屬性中,但是屬於結構和行為耦合,不方便維護,不推薦
      <body>
          <button onclick="alert('彈出視窗');">點選</button>

           可以將js程式碼寫在超連結的href屬性中,這樣當點選超連結時,會執行js程式碼
          <a href="javascript:alert('讓你點你就點~');">你也點我一下</a>

            如果想點完了在內部執行而不顯示
          <a href="javascript:;">你也點我一下</a>

      </body>
    
1.5.2 可以將js程式碼寫到script標籤中

          <script type="text/javascript">
	 
	   控制瀏覽器彈出一個警告框
	   alert("這是我的第一行JS程式碼");
		
           讓計算機在頁面中輸出一個文件
	   document.write() 可以向body中輸出一個內容
	   document.write("每天只睡3小時");
		
	   向控制檯輸出一個內容
	   console.log('向控制檯輸出一個內容');
       </script>

1.5.3 可以將js程式碼編寫到外部js檔案中,然後通過script標籤引入
      a.外部js檔案命名要注意,起名javascript無法引用
      b.script標籤一旦用於引入外部檔案 就不能再編寫程式碼了 即便編寫了瀏覽器也會忽略 需要建立一個新script便籤用於編寫內部程式碼

      	<script type="text/javascript" src="js/script.js"></script>
	
	<script type="text/javascript">
		alert('我是內部的JS程式碼')
	</script>