JavaScript連載1-基本簡介（組成、關係、表示形式等）

時間 2020-03-30

標籤 javascript 連載基本簡介組成關係表示形式欄目 JavaScript 简体版

原文原文鏈接

1、概覽javascript

1.JavaScript是前端開發的一門腳本語言（解釋性語言）html

2.解釋型語言的表明：（1）Python;（2）JavaScript;（3）PHP;（4）Ruby;前端

3.編譯型語言：程序執行以前須要一個專門的編譯過程，把程序編譯成爲機器怨言的文件，好比：exe\jar文件；例如：C/C++,Pascal,Swift,Object-cjava

好比：*.c/*.cpp編譯成爲*.obj文件，而後「連接「機器語言git

4.總結：（1）編譯型語言因爲程序執行速度快，在同等條件下對系統的要求較低，所以像開發操做系統、大型應用程序、數據庫系統等都會採用它github

（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的外部引用優先級高，且只會調用一次。

3、源碼：

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大數據學習視頻禮包

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。