JavaScript 快速入门

admin 报建百科 2024-04-25 157 9

JavaScript 快速入门

1、JavaScript快速入门

1.1、JavaScript介绍

JavaScript 是一种客户端脚本语言。运行在客户端浏览器中，每一个浏览器都具备解析 JavaScript 的引擎。
脚本语言：不需要编译，就可以被浏览器直接解析执行了。

核心功能就是增强用户和 HTML 页面的交互过程，让页面有一些动态效果。以此来增强用户的体验！

1995 年，NetScape (网景)公司，开发的一门客户端脚本语言：LiveScript。后来，请来 SUN 公司的专家来 进行修改，后命名为：JavaScript。
1996 年，微软抄袭 JavaScript 开发出 JScript 脚本语言。 
1997 年，ECMA (欧洲计算机制造商协会)，制定出客户端脚本语言的标准：ECMAScript，统一了所有客户 端脚本语言的编码方式。

1.2、快速入门

实现步骤

创建一个 HTML。
在标签下面编写一个<script>标签。
在<script>标签中编写代码。
通过浏览器查看

具体实现

<!DOCTYPE html>
<html lang="en">
<head>
 ? ?<meta charset="UTF-8">
 ? ?<title>JS快速入门</title>
</head>
<body>
 ? ?<button id="btn">点我呀</button>
</body>
</html>

引入js的方式一：内部方式

<script>
 ? ?document.getElementById("btn").onclick=function () {
 ? ? ? ?alert("点我干嘛？");
 ?  }
</script>

引入js的方式一：外部方式

创建js文件

document.getElementById("btn").onclick=function () {
 ? ?alert("点我干嘛？");
}

在html中引用外部js文件
```
<script src="js/my.js"></script>
```

1.3、开发环境搭建

Node.js:JavaScript 运行环境
VSCode：编写前端技术的开发工具

根据《安装工具.pdf》文档安装Node.js和VSCode。相关资料都在“资料”文件夹中。

1.4、快速入门总结

JavaScript 是一种客户端脚本语言。
组成部分
```
ECMAScript、DOM、BOM
```

和 HTML 结合方式

内部方式：<script></script>
外部方式：<script src=文件路径></script>

本网站是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。在本网站中，您可以学习到最新的前端开发技术，了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例，让您可以快速掌握前端开发的核心技术和流程。本网站还提供一系列实用的工具和插件，帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化，可以帮助您节省时间和精力，提升开发效率。除此之外，本网站还拥有一个活跃的社区，您可以在社区中与其他前端开发者交流技术、分享经验、解决问题。我们相信，社区的力量可以帮助您更好地成长和进步。在本网站中，您可以找到您需要的一切前端开发资源，让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭，一起探索前端开发的无限可能!