初识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>
posted @ 2020-11-10 09:56  别来无恙！  阅读(93)  评论(0)    收藏  举报