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

版权声明：本文为lcy123原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/lcy123/p/13952316.html