JavaScript学习笔记——1、JavaScript简介

最新推荐文章于 2025-11-24 03:12:01 发布

原创最新推荐文章于 2025-11-24 03:12:01 发布 · 1.3k 阅读

26 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #学习 #笔记

H5 专栏收录该内容

46 篇文章

订阅专栏

大家好，我是阿赵。
从这一篇开始，来学习一下JavaScript。

一、 JavaScript的介绍

JavaScript 是一种轻量级解释型编程语言，广泛应用于网页开发，用于增强网页交互性和动态效果。它与 HTML（定义网页结构）和 CSS（设计网页样式）协同工作，实现动态交互功能。

1、 JavaScript的构成部分

JavaScript由2大部分构成

1. ECMAScript

ECMAScript(ES)，语言标准，定义基本语法、数据类型（如字符串、数字）和运算符。 ‌
它是JavaScript的语言基础，组成部分有变量、分支语句、循环语句、对象等。

2. WebAPIs

ES是基础通用的JavaScript，而WebAPIs是针对网页的一些API接口，其中又分为了2部分“
(1) DOM
DOM(文档对象模型)，操作网页算是的接口，操作的是网页文档本身的内容。比如修改文本、添加动画、移动元素、改变大小、添加删除内容等。
(2) BOM
BOM(浏览器对象模型)，于浏览器交互的接口，操作的是浏览器。比如改变窗口尺寸、检测窗口宽度、存储数据到浏览器等。

2、 JavaScript的权威网站

在学习JavaScript的过程中，可以去查询一些比较权威的网站，比如
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
在这里插入图片描述

这里有JavaScript的各种说明和例子。
比如一些基础的指南：
在这里插入图片描述

中高级的技巧：
在这里插入图片描述

点进去都有比较详细的说明：
在这里插入图片描述

二、 JavaScript在Html的书写

在html文件里面写JavaScript，可以有三种不同的书写位置：

1、行内

比如这个例子：

<body>
  <input type="button" value="点击我试试" onclick="alert('你好，我是阿赵')">
</body>

在运行的时候，会看到一个按钮：
在这里插入图片描述

点击这个按钮，会看到有弹窗提示：
在这里插入图片描述

这里的

alert('你好，我是阿赵')

其实就是JavaScript的使用了。

2、内部

把刚才的例子改成这样：

<body>
  <script>
    alert('你好，我是内部脚本阿赵');
  </script>
</body>

这时候运行网页，刚打开网页就会弹出提示：
在这里插入图片描述

这个是网页内部脚本写法，写在Script标签内的就是可执行的JavaScript脚本。由于现在是没有任何条件，直接写在的body里面，所以当网页运行的时候就会直接执行。
这里有个需要注意的地方。内部脚本其实写在head或者写在body都会生效的。但一般会习惯写在的上方。原因是加载有顺序，如果JavaScript要控制所有的页面元素，那么需要写在这些所有的网页元素的最后面，于是，习惯上内部的脚本会写在body的最后面，也就是的上方

3、外部

新建一个js文件：
在这里插入图片描述

然后在里面写：

alert('你好，我是外部脚本阿赵');

保存之后，在html文件里面写：

<body>
  <script src="test1.js"></script>
</body>

这时候运行网页也是会直接弹出提示。
在这里插入图片描述

如果需要些的脚本比较复杂，可以单独建一个js文件，把需要的代码写在里面。

三、 JavaScript的注释

在写代码前，需要先学一下注释的写法。所谓的注释就是写在脚本里面但是不会执行的内容。

1、单行注释

符号：//
快捷键：Ctrl+/
比如：

<body>
  <script>
    alert('你好，我是内部脚本阿赵');
    //alert('你好，我是内部脚本阿赵2');
  </script>
</body>

这时候，第二个弹窗是不会弹出的，因为它被注释掉了。
还有一点需要注意的是，这个注释是真的JavaScript脚本的，如果你写在普通html标签上面，是没有用的，比如这样写：

//<div>123</div>

这个div是不会被注释的，显示会是这样：
在这里插入图片描述

2、多行注释

符号：/* */
快捷键：shift+alt+a
比如：

<body>
  <script>
/*     alert('你好，我是内部脚本阿赵');
    alert('你好，我是内部脚本阿赵2'); */
  </script>
</body>

这时候，2个弹窗都被注释掉了，运行网页是不会有弹出的。

四、结束符

JavaScript每一句代码的后面，可以接分号;作为结束符。也可以不写分号直接结束，比如：

<body>
  <script>
    alert('你好，我是内部脚本阿赵');
    alert('你好，我是内部脚本阿赵2')
  </script>
</body>

第一个弹窗是有加分号作为结束符，第二个是没有的，它们都能运行。
虽然分号可写可不写，但为了统一写代码的风格，所以建议是都写，或者都不写。阿赵我是习惯写的，我感觉那样会比较清晰一点。

在这里插入图片描述

JavaScript学习笔记——1、JavaScript简介

一、 JavaScript的介绍

1、 JavaScript的构成部分

1. ECMAScript

2. WebAPIs

2、 JavaScript的权威网站

二、 JavaScript在Html的书写

1、 行内

2、 内部

3、 外部

三、 JavaScript的注释

1、 单行注释

2、 多行注释

四、 结束符