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頁面中執行的步驟
- 將JS代碼嵌入在元素“事件”中
onclick
:當單擊元素時所做的操作
<div id="" onclick="JS代碼">xxx</div>
<html>
<body>
<button onclick="console.log('Hello World');">
</body>
</html>
- 將JS代碼嵌入在
<script>
標籤中
<script></script>
允許出現網頁的任意位置處
<html> // 內容排版引擎處理
<body>
<script>
document.write('<b>歡迎</b>');
console.log('腳本執行結束了...');
</script> // 腳本解釋引擎處理
</body>
</html>
- 將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!