初识JavaScript

初识JS：

1.是什么：

JavaScript是一种运行在客户端的脚本语言 （Script 是脚本的意思）

脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行

客户端：自己的电脑（不需要远程服务器）

2.浏览器执行JS简介：

浏览器分成两部分:渲染引擎和JS引擎

渲染引擎∶用来解析HTML与CSS，俗称内核，比如chrome浏览器的blink，老版本的webkit

JS引擎∶也称为JS解释器。用来读取网页中的JavaScript代码，对其处理后运行，比如chrome浏览器的V8

浏览器本身并不会执行JS代码，而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。

3.组成：

一个完整的JavaScript是由三部分构成：ECMAScript+DOM(文档对象模型）+BOM（浏览器对象模型）

4.三种书写位置：行内、内嵌和外部

(1)行内式

<button onclick="alert('你好呀')">提交</button>

注意：内容为文字/英文的时候必须带上英文引号 ， 一行内必须双引号和单引号一起使用

特点：可以将少量的js代码写在html标签的事件属性中（以on开头）例如：onclick

注意单双引号的使用：在html里面我们推荐使用双引号,但是全部使用双引号会报错（需要单双引号一起使用）

在html里面如果写了大量的js代码时，不方便阅读，所以尽量不要写在html标签里（除事件属性等特殊属性外）

(2)内嵌式

<script>
alert('你好呀');
</script

特点：可以把大量的js代码写在script标签中，也是我们经常用到的

内嵌式最好不要写在html标签中间，要写在body结束标签前

script里面不允许写html标签

(3)外部式

<script src="js初体验.js"></script>

注意：中间不可以写任何代码

特点：利用html页面代码的结构化，把大量的js代码写在单独的文件内，可以提高复用性

适用于js代码量比较大的情况

5.注释：

    <script>
        // 单行注释 ctrl + / 在js中用的最多
        // alert('你好');

        // 多行注释 ctrl+shift+/
    /*  alert('你好');
        alert('你好');
        alert('你好');
        alert('你好'); */
    </script>

6.输入输出语句：

    <script>
        // js里输出结果是数字时可以不带引号，文字和字母必须带引号

        // alert 浏览器弹出警示框
        // alert('你好');

        // console.log 浏览器控制台打印输出信息
        // console.log('报错了');

        // prompt 浏览器弹出的输入框，用户可以输入
        // prompt('请填写您的年龄');

        // write 让浏览器在页面中输入一个内容
        document.write('你好');
        document.write('nihao');
        document.write(123456);
    </script>