初識JavaScript

• 2020 年 11 月 10 日
• 筆記
• javascript

初識JavaScript

瀏覽器執行JS過程

1. JS引擎
   
   
   讀取網頁中的JavaScript程式碼，對其處理後運行
   
   
   瀏覽器本身不會執行JS程式碼，通過內置的JavaScript引擎來執行JS程式碼。JS引擎執行程式碼時逐行解釋每一句源碼（轉換為機器語言），然後由電腦去執行，所以JavaScript語言為腳本語言，會逐行解釋進行。

2. JS組成
   
   
   ECMAScript：JavaScript語法
   
   
   DOM：頁面文檔對象模型
   
   
   BOM：瀏覽器對象模型

JS程式

1. JavaScript的語法書寫位置
   
   
   
   
   行內式

             <!DOCTYPE html>
   <html>
       <head>
           <meta charset="utf-8" />
           <title>JS的書寫位置</title>
       </head>
       <body>
           <!--行內式的JS-->
           <input type="button" name="" id="" value="唐伯虎" onclick="alert('秋香')" />
           
       </body>
   </html>
   
   

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>JS的書寫位置</title>
            <!--內嵌式的JS-->
            <script type="text/javascript">
                alert('沙漠駱駝')
            </script>
        </head>
        <body>

        </body>
    </html>

             <script></script>中間不能寫任何程式碼

2. JavaScript的注釋
   
   
   單行注釋//    Ctrl+/
   
   
   多行注釋/**/   shift+alt+a

3. JavaScript輸入輸出語句
   
   
   alert(msg) 瀏覽器彈出警示框
   
   
   console.log(msg) 瀏覽器控制台列印輸出資訊
   
   
   prompt(info) 瀏覽器彈出輸入框，用戶可以輸入

           <!DOCTYPE html>
       <html>
           <head>
               <meta charset="utf-8" />
               <title>JS的書寫位置</title>
               <!--內嵌式的JS-->
               <script >
                   // 這是一個輸入框
                   prompt('請輸入你的年齡');
                   //alert彈出警示框 輸出的 展示給用戶的
                   alert('計算的結果是');
                   // console 控制台輸出 給程式設計師測試用的
                   console.log('我是程式猿能看到的');
               </script>
           </head>
           <body>
   
           </body>
       </html>