一幅长文细学JavaScript（一）——基本知识

ArimaMisaki

已于 2022-08-17 08:53:09 修改

阅读量583

点赞数

分类专栏：一幅长文细学JavaScript 文章标签： javascript 前端 chrome

于 2022-08-14 21:24:22 首次发布

本文链接：https://blog.csdn.net/chengyuhaomei520/article/details/126336568

版权

一幅长文细学JavaScript 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

文章目录

1 基本知识

1 基本知识

1.1 概述

JS

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

JS作用

表单动态校验（最初目的）
网页特效
服务端开发
桌面程序
APP
控制硬件-物联网
游戏开发（coco2d-js）

HTML/CSS/JS

HTML/CSS标记语言——描述类语言：HTML决定网页结构和内容，CSS决定网页呈现给用户的模样

JS脚本语言——编程类语言：实现业务逻辑和页面控制

1.2 浏览器执行JS的过程

渲染引擎和JS引擎

渲染引擎：用来解释HTML和CSS，俗称内核，比如Chrome的bink，老版本的webkit

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

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

1.3 JS的组成及基本语法

JS组成

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

DOM（页面文档对象模型）：是一个标准编程接口，通过这个接口我们可以对页面上的各种元素进行操作（大小、位置、颜色等）。

BOM（浏览器对象模型）：它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

书写位置

JS和CSS一样有行内式、内嵌式和外部式。实际开发外部用的比较多。

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 外部式 -->
    <script src="Demo1_3.js"></script>
</head>
<body>
    <!--行内式-->
    <input type = "button" value = "按钮1" onclick = "alert('点击了按钮1')">
    <!-- 内嵌式 -->
    <script>
        //alert('沙漠骆驼');
    </script>
</body>