一、概覽
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="https://www.cnblogs.com/ruigege0000/p/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大資料學習視頻禮包

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/138139.html
標籤:JavaScript
下一篇:js篇
