JavaScript-00-笔记

最新推荐文章于 2024-08-04 16:33:59 发布

寻7

最新推荐文章于 2024-08-04 16:33:59 发布

阅读量119

点赞数

分类专栏： JavaScript 文章标签： js 脚本语言 javascript dom bom

本文链接：https://blog.csdn.net/qq_24410589/article/details/117850855

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

JavaScript-系列-笔记

一、JavaScript快速入门
二、JavaScript的学习内容

一、JavaScript快速入门

1.1、JavaScript介绍

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

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

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

JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)

1.2、快速入门

实现步骤

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

具体实现

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

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

在html文件内写入

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

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

创建js文件（my.js）

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

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

1.3、开发环境搭建

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

安装说明链接：Node.js及VSCode下载与安装

1.4、快速入门总结

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

和 HTML 结合方式

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

二、JavaScript的学习内容

1，JavaScript基本语法

2，JavaScript DOM

3，JavaScript事件

4，JavaScript综合案例

5，JavaScript面向对象

6，JavaScript内置对象

7，JavaScript BOM

寻7

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-00-笔记

JavaScript-系列-笔记一、JavaScript快速入门1.1、JavaScript介绍1.2、快速入门1.3、开发环境搭建1.4、快速入门总结二、JavaScript的学习内容1，JavaScript基本语法2，JavaScript DOM3，JavaScript事件4，JavaScript综合案例5，JavaScript基本语法6，JavaScript面向对象7，JavaScript内置对象8，JavaScrip BOM
复制链接

扫一扫

专栏目录