【前端】JavaScript

目录

一、初识JavaScript

JavaScript的作用

JS的组成

JS的书写位置

1.行内式JS

2.内嵌JS

3.外部JS文件

二、JavaScript注释

三、JavaScript输入输出语句

---

一、初识JavaScript

• JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）
• 脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行
• 现在也可以基于Node.js技术进行服务器端的编程

JavaScript的作用

• 表单动态校验（密码强度检测）（JS产生最初的目的）
• 网页特效
• 服务端开发（Node.js）
• 桌面程序（Electron）
• App（Cordova）
• 控制硬件-物联网（Ruff）
• 游戏开发（cocos2d-js）

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

JS的组成

JS由ECMAScript、DOM和BOM组成。

ECMAScript规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。

DOM：文档对象模型。

BOM：浏览器对象模型。

JS的书写位置

1.行内式JS

<input type="button" value="点击我" onclick="alert('Hello World')" />

• 可以将单行或者少量JS代码写在HTML标签的事件属性中（以on开头的属性）
• 注意单双引号的使用：在HTML中我们推荐使用双引号，JS中我们推荐使用单引号
• 可读性差，在html中编写JS大量代码时，不方便阅读
• 引号易错，引号多层嵌套匹配时，非常容易弄混
• 特殊情况下使用

2.内嵌JS

    <script>
        alert('Hello World!')
    </script>

• 可以将多行JS代码写到<script>标签中
• 内嵌JS是学习时常用的方式

3.外部JS文件

    <script src="my.js"></script>

• 利于HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，也方便文件级别的复用
• 引入外部JS文件的script标签中间不可以写代码
• 适合于JS代码量比较大的情况

二、JavaScript注释

单行注释Ctrl+/

多行注释 默认为shift+alt+a(可修改）

三、JavaScript输入输出语句

        // 输入框
        prompt('请输入您的年龄');
        // 弹出警示框 输出的 展示给用户的
        alert('计算的结果是');
        // 控制台输出 给程序员测试用
        console.log('我是程序员能看到的');