初识JavaScript

最新推荐文章于 2024-08-22 14:32:34 发布

@blank

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量68

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_48203577/article/details/129761116

版权

文章介绍了前端JavaScript的基本概念，包括其轻量级特性和多种编程范式。详细阐述了浏览器如何通过渲染引擎和JS引擎执行JS代码，并提到了JS的组成：ECMAScript、DOM和BOM。此外，还讨论了JS在HTML中的三种书写方式以及常用的输入输出语句，如alert、prompt和console.log。

摘要由CSDN通过智能技术生成

前端学习笔记，B站pink老师

一：JS概念

是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。属于脚本语言，支持面向对象、命令式、声明式、函数式编程范式。

二：浏览器执行JS的原理

浏览器组成部分：渲染引擎和js引擎。

渲染引擎：俗称内核，用于解析HTML与CSS，如chrome的blink

JS引擎：也叫JS解释器，用于读取网页中JS代码，对其处理后运行，比如chrome浏览器V8。JS引擎执行代码逐行解释每一句源码，将js语言转化为机器语言，然后由计算机去执行。

三：JS组成

JavaScript语法（ECMAScript）：由ECMA国际进行标准化的一门编程语言，这种语言在万维网上应用广泛，被称为JavaScript（网景公司）或JScript（微软公司），但实际后两者是ECMAScript语言的实现和扩展。ECMAScript规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。

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

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

四：JS书写位置

<!DOCTYPE html>
<html lang="en">
<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>
    <!--2.内嵌式js-->
    <script>
        alert('变有钱');
    </script>
    <!--3.外联式-->
    <script src="js01.js"></script>
</head>
<body>
    <!--1.行内式-->
    <!-- <input type="button" value="学前端" onclick="alert('学UI')"> -->
</body>
</html>

五：JS输入输出语句

<!DOCTYPE html>
<html lang="en">
<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>
        alert('元宇宙旅行');
        prompt('请输入你想去的王国');
        console.log('我在云景市盲砀山');
    </script>
</head>
<body>
</body>
</html>

alert(msg)：浏览器弹出警示框

console.log(msg)：浏览器控制台打印输出信息

prompt(info):浏览器弹出警示框，可供用户输入。

@blank

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
初识JavaScript

JavaScript语法（ECMAScript）：由ECMA国际进行标准化的一门编程语言，这种语言在万维网上应用广泛，被称为JavaScript（网景公司）或JScript（微软公司），但实际后两者是ECMAScript语言的实现和扩展。JS引擎：也叫JS解释器，用于读取网页中JS代码，对其处理后运行，比如chrome浏览器V8。浏览器对象模型（BOM)：它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。页面文档对象模型（DOM）：是W3C组织推荐的处理可扩展标记语言的标准编程接口。
复制链接

扫一扫