一、概覽
1.JavaScript是前端開(kāi)發(fā)的一門(mén)腳本語(yǔ)言(解釋性語(yǔ)言)
2.解釋型語(yǔ)言的代表:(1)Python;(2)JavaScript;(3)PHP;(4)Ruby;
3.編譯型語(yǔ)言:程序執行之前需要一個(gè)專(zhuān)門(mén)的編譯過(guò)程,把程序編譯成為機器怨言的文件,比如:exe\jar文件;例如:C/C++,Pascal,Swift,Object-c
比如:*.c/*.cpp編譯成為*.obj文件,然后“鏈接“機器語(yǔ)言
4.總結:(1)編譯型語(yǔ)言由于程序執行速度快,在同等條件下對系統的要求較低,因此像開(kāi)發(fā)操作系統、大型應用程序、數據庫系統等都會(huì )采用它
(2)解釋型語(yǔ)言的跨平臺行好,一些網(wǎng)頁(yè)腳本、服務(wù)器腳本及其輔助開(kāi)發(fā)接口這樣的對速度要求不高,對不同系統平臺的兼容性有一定的要求的程序都是使用解釋性語(yǔ)言。例如:網(wǎng)頁(yè)上一個(gè)控件
(3)JavaScript是一門(mén)高級解釋型語(yǔ)言
5.前世今生
(1)起源于Netscapt公司的livescript語(yǔ)言、后來(lái)改名了,就是為了增加能夠與用戶(hù)的交互功能。
6.Javascript的應用場(chǎng)景
多元化場(chǎng)景:網(wǎng)頁(yè)特效、移動(dòng)端開(kāi)發(fā)(RN\Weex)、服務(wù)端開(kāi)發(fā)(Node.js)、命令行工具(Node.js)、物聯(lián)網(wǎng)與人工智能(Ruff)、游戲開(kāi)發(fā)(cocos2d-js)
7.JavaScript的組成
(1)ECMAScript:是ECMA制定的腳本語(yǔ)言的標準,規定了一種腳本語(yǔ)言的標準,規定了一種語(yǔ)言實(shí)現應該包含的基本內容;JavaScript是腳本語(yǔ)言,所以必須遵守ECMAScript標準,包好ECMAScript標準規定的基本內容
(2)BOM:瀏覽器對象模型,比如:彈出框、控制瀏覽器跳轉、獲取分辨率等;
(3)DOM:文檔對象模型,可以把HTML看作是文檔樹(shù),通過(guò)DOM提供的API可以對樹(shù)上的節點(diǎn)進(jìn)行操作。
8.JS\HTML\CSS之間的關(guān)系
(1)HTML:提供了網(wǎng)頁(yè)的結構、以及網(wǎng)頁(yè)中的內容;
(2)CSS:美化網(wǎng)頁(yè)、2D/3D過(guò)濾、動(dòng)畫(huà)等;
(3)JS:控制網(wǎng)頁(yè)內容,給網(wǎng)頁(yè)增加動(dòng)態(tài)效果。
9.JavaScript有三種書(shū)寫(xiě)格式
(1)行內JS;(2)頁(yè)內JS;
注意點(diǎn):
i.<script></script>標簽中的js代碼一般是寫(xiě)在文檔的尾部的;
ii.網(wǎng)頁(yè)時(shí)從上至下加載而js代碼通常是給標簽添加交互(操作元素),所以需要先加載HTML,否則如果執行js代碼時(shí)HTML還未被加載,那么js代碼將無(wú)法添加交互(操作元素);
iii.如果腳本比較大,頁(yè)面的下載和渲染
(3)外鏈式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>D1_ThreeWritingFormat</title>
</head>
<body>
<button onclick="alert('點(diǎn)我了');">點(diǎn)我</button><!--行內JavaScript的形式-->
<a href="javascript:alert('點(diǎn)我了');">點(diǎn)我</a>
?
<script>
alert("哈哈哈!");<!--頁(yè)內JS,寫(xiě)在body里面可以,head里面也可以,最好是寫(xiě)在尾部-->
</script>
<script>
window.onload = function () {
alert("ahahhhah");
}
</script>
<!--引入外部的js-->
<script src="D1_index.js"></script>
</body>
</html>
window.onload = function () { alert("外鏈式"); }




?說(shuō)明:window.onload的外部引用?優(yōu)先級高,且只會(huì )調用一次。?
三、源碼:
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.歡迎關(guān)注微信公眾號:傅里葉變換,個(gè)人賬號,僅用于技術(shù)交流,后臺回復“禮包”獲取Java大數據學(xué)習視頻禮包
聯(lián)系客服