• 【前端】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

    1.     <script>
    2.         alert('Hello World!')
    3.     script>
    • 可以将多行JS代码写到