JavaScript 學習筆記之基礎中的基礎,javascript學習筆記

來源:互聯網
上載者:User

JavaScript 學習筆記之基礎中的基礎,javascript學習筆記

概要:javascript的組成、 各個組成部分的作用 、

一、javascript的組成

  javascript 
ECMAScript(核心) DOM(文件物件模型) BOM(瀏覽器物件模型)

1.1ECMAScript

  ECMAScript是通過ECMA-262標準化的指令碼語言,ECMA-262規定語言的:文法、類型、語句、關鍵字、保留字、操作符、對象

1.2 DOM

  DOM把整個頁面映射為一個多層節點結構,HTML或者XML等頁面中的每個組成部分都是某種類型的節點,這些節點又包含不同類型的資料。

1.3 BOM

  控制瀏覽器顯示的頁面以外的部分

二、<script>元素

2.1使用方式

  外部參考javascript檔案:

複製代碼 代碼如下:
<script type="text/javascript" src="../../XX.js"></script>

  頁面嵌入javascript代碼

複製代碼 代碼如下:
<script type="text/javascript">
    var first="第一個變數";
    alert(first);
</script>

2.2 <script>元素的屬性

  defer延遲指令碼:指令碼會被延遲到整個頁面都被解析完才執行,雖然是順延強制,但是瀏覽器已經下載完了該js檔案。

複製代碼 代碼如下:
<!DOCTYPE html>
<html>
    <head>
         <script type="text/javascript" defer="defer" src="demo.js"></script>
    </head>
</html>

上述例子中,雖然<script>標籤位於<head>標籤內,但是demo.js會延遲到瀏覽器遇到</html>後才執行。

defer只適用於外部引入的指令檔

       async非同步指令碼:不必讓頁面等待指令碼的下載和執行,從而非同步載入頁面其他內容。因此,非同步載入指令碼不要在載入期間修改dom.

複製代碼 代碼如下:
<!DOCTYPE html>
<html>
    <head>
         <script type="text/javascript" defer="defer" src="demo1.js">
         <script type="text/javascript" defer="defer" src="demo2.js"></script>
    </head>
</html>

都是些javascript的基礎知識,希望大家不要讀得想睡著,只有打好基礎才有質變的可能哦。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.