初識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>

注：在HTML中推薦使用"" 在JS中推薦使用''

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

        </body>
    </html>

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

  1. JavaScript的註釋


    單行註釋//    Ctrl+/


    多行註釋/**/   shift+alt+a

  2. 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>

相關文章