初识js：渲染引擎和js引擎；js的组成： ECMAScript， DOM， BOM

最新推荐文章于 2024-09-18 21:46:07 发布

奶盖不加糖

最新推荐文章于 2024-09-18 21:46:07 发布

阅读量877

点赞数 1

本文链接：https://blog.youkuaiyun.com/qq_44156869/article/details/109695334

版权

关键词由优快云通过智能技术生成

JavaScript基础专栏收录该内容

4 篇文章

订阅专栏

文章目录

JavaScript是什么？

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

JavaScript的作用：

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

HTML/CSS/JS 的关系

HTML/CSS标记语言 – 描述类语言

HTML 决定网页结构和内容（决定看到什么），相当于人的身体
CSS决定网页呈现给用户的模样（决定好不好看），相当于给人家穿衣服、化妆。

JS脚本语言 – 编程类语言

实现业务逻辑和页面控制(决定功能），相当于人的各种动作。

浏览器执行js的简介

浏览器分为两部分：渲染引擎和js引擎。

渲染引擎：用来解析 HTML 与 CSS，俗称内核，比如 chrome 的 blink，老版本的 webkit。
js 引擎：也称为 js解析器。用来读取网页的 javaScript 代码，对其处理后运行，比如 chrome 浏览器 V8 。

浏览器本身不会执行js代码。而通过内置 javaScript 引擎（解释器）来执行 JS 代码。

JS 引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以 javascript 语言归为脚本语言，会逐行解释。

js的组成：

javascript由 ECMAScript (javaScript语法)，DOM (页面文档模型)，BOM (浏览对象模型)组成。

ECMAScript

ECMAScript是由 ECMA 国际（原欧洲计算机制造商会）进行便准化的一门编程语言，这种语言在万维网上应用广泛。
它往往被称为JAVAScript或JScript,但实际上两后者都是ECMAScript语言的实现和扩展的。
ECMAScript：ECMAScript规定了js的编程语法和基础的核心知识，是所有浏览器厂商共同遵守的一套js语法工业标准。

DOM：

文档对象模型(Document Object MoDEL,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。
通过DOM提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）。

BOM：

BOM(Browser ObjectModel,简称BOM)是指浏览器对象模型，它提供了独立于内容的、可以于浏览器窗口进行互动的对象结构。
通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

js有 3 种书写位置，分别是行内、内嵌和外部。

小案例：

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!--2.内嵌式的js-->
    <script>
        alert('我是编程语言,你好啊');
    </script>
    <script src="my.js"></script>
</head>

<body>
    <!--1.行内式的js直接写到元素的内部-->
    <input type="button" value="唐伯虎" onclick="alert('秋香姐')">  
</body>

视图：
在这里插入图片描述