簡單學JavaScript#(持續更新中。。。)

JavaScript概述

JavaScript是一種運行於JavaScript解釋器/引擎中的解釋型腳本語言

運行環境
1、獨立安裝的JS解釋器(NodeJS)
2、嵌入在[瀏覽器]內核中JS解釋器

解釋型:運行之前是不需要編譯的,運行之前不會檢查錯誤,直到碰到錯誤爲止
編譯型:對源碼進行編譯,還能檢查語法錯誤

JS組成
1、核心(ECMAScript
2、文檔對象模型(DOM,Document Object Model)讓JS有能力與網頁進行對話
3、瀏覽器對象模型(BOM,Browser Object Model)讓JS有能力與瀏覽器進行對話

瀏覽器內核的作用

內核主要由兩部分組成:
1、內容排版引擎解析HTML和CSS
2、腳本解釋引擎解析JavaScript在這裏插入代碼片
注:不同的瀏覽器的內核是不同的

JavaScript基礎語法

將JS腳本嵌入在HTML頁面中執行的步驟

  1. 將JS代碼嵌入在元素“事件”中

onclick:當單擊元素時所做的操作

<div id="" onclick="JS代碼">xxx</div>
<html>
	<body>
		<button onclick="console.log('Hello World');">
	</body>
</html>
  1. 將JS代碼嵌入在<script>標籤中

<script></script>允許出現網頁的任意位置處

<html>	// 內容排版引擎處理
	<body>
		<script>
			document.write('<b>歡迎</b>');
			console.log('腳本執行結束了...');
		</script> // 腳本解釋引擎處理
	</body>
</html>
  1. 將JS代碼寫在外部腳本文件中(**.js)

①創建js文件,編寫JS代碼
②在頁面中引入js文件

<script src="js文件路徑"></script>
<html>
	<head>
		<script src="myscript.js"></script>
	</head>
	<body>
	</body>
</html>

注意:
<script src=""></script>該對標籤中,是不允許出現任何內容的

錯誤例子:

// 以下爲錯誤代碼
<script src="a.js">
			console.log(); // error
</script> 

寫在最後:新手上路,如有問題,歡迎大家指出,給意見。如果這篇文章對你有幫助,麻煩幫忙點一下贊,你們小小的舉動能給我無限大的動力。拒絕白嫖,從我做起,從現在做起。Thank you for watching!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章