一、概覽 1.JavaScript是前端開發的一門腳本語言(解釋性語言) 2.解釋型語言的代表:(1)Python;(2)JavaScript;(3)PHP;(4)Ruby; 3.編譯型語言:程式執行之前需要一個專門的編譯過程,把程式編譯成為機器怨言的文件,比如:exe\jar文件;例如:C/C++ ...
一、概覽
1.JavaScript是前端開發的一門腳本語言(解釋性語言)
2.解釋型語言的代表:(1)Python;(2)JavaScript;(3)PHP;(4)Ruby;
3.編譯型語言:程式執行之前需要一個專門的編譯過程,把程式編譯成為機器怨言的文件,比如:exe\jar文件;例如:C/C++,Pascal,Swift,Object-c
比如:*.c/*.cpp編譯成為*.obj文件,然後“鏈接“機器語言
4.總結:(1)編譯型語言由於程式執行速度快,在同等條件下對系統的要求較低,因此像開發操作系統、大型應用程式、資料庫系統等都會採用它
(2)解釋型語言的跨平臺行好,一些網頁腳本、伺服器腳本及其輔助開發介面這樣的對速度要求不高,對不同系統平臺的相容性有一定的要求的程式都是使用解釋性語言。例如:網頁上一個控制項
(3)JavaScript是一門高級解釋型語言
5.前世今生
(1)起源於Netscapt公司的livescript語言、後來改名了,就是為了增加能夠與用戶的交互功能。
6.Javascript的應用場景
多元化場景:網頁特效、移動端開發(RN\Weex)、服務端開發(Node.js)、命令行工具(Node.js)、物聯網與人工智慧(Ruff)、游戲開發(cocos2d-js)
7.JavaScript的組成
(1)ECMAScript:是ECMA制定的腳本語言的標準,規定了一種腳本語言的標準,規定了一種語言實現應該包含的基本內容;JavaScript是腳本語言,所以必須遵守ECMAScript標準,包好ECMAScript標準規定的基本內容
(2)BOM:瀏覽器對象模型,比如:彈出框、控制瀏覽器跳轉、獲取解析度等;
(3)DOM:文檔對象模型,可以把HTML看作是文檔樹,通過DOM提供的API可以對樹上的節點進行操作。
8.JS\HTML\CSS之間的關係
(1)HTML:提供了網頁的結構、以及網頁中的內容;
(2)CSS:美化網頁、2D/3D過濾、動畫等;
(3)JS:控制網頁內容,給網頁增加動態效果。
9.JavaScript有三種書寫格式
(1)行內JS;(2)頁內JS;
註意點:
i.<script></script>標簽中的js代碼一般是寫在文檔的尾部的;
ii.網頁時從上至下載入而js代碼通常是給標簽添加交互(操作元素),所以需要先載入HTML,否則如果執行js代碼時HTML還未被載入,那麼js代碼將無法添加交互(操作元素);
iii.如果腳本比較大,頁面的下載和渲染
(3)外鏈式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D1_ThreeWritingFormat</title> </head> <body> <button onclick="alert('點我了');">點我</button><!--行內JavaScript的形式--> <a href="javascript:alert('點我了');">點我</a> <script> alert("哈哈哈!");<!--頁內JS,寫在body裡面可以,head裡面也可以,最好是寫在尾部--> </script> <script> window.onload = function () { alert("ahahhhah"); } </script> <!--引入外部的js--> <script src="D1_index.js"></script> </body> </html>
window.onload = function () { alert("外鏈式"); }
說明:window.onload的外部引用優先順序高,且只會調用一次。
三、源碼:
D1_ThreeWritingFormat.html
D1_index.js
地址:
https://github.com/ruigege66/JavaScript/blob/master/D1_ThreeWritingFormat.html
https://github.com/ruigege66/JavaScript/blob/master/D1_index.js
2.CSDN:https://blog.csdn.net/weixin_44630050
3.博客園:https://www.cnblogs.com/ruigege0000/
4.歡迎關註微信公眾號:傅里葉變換,個人賬號,僅用於技術交流,後臺回覆“禮包”獲取Java大數據學習視頻禮包