JavaScript (一) -- 快速入门（js技术的两种引入方式）

普雅^0^雷蒙达

已于 2023-05-01 21:39:44 修改

阅读量1.4k

点赞数 2

分类专栏： # JavaScript 文章标签： javascript 前端

于 2023-04-30 21:21:40 首次发布

本文链接：https://blog.csdn.net/PUYALEI/article/details/130451494

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

引言：

JavaScript 是一种客户端脚本语言。运行在客户端浏览器中，每一个浏览器都具备解析 JavaScript 的引擎。

脚本语言：不需要编译，就可以被浏览器直接解析执行了。

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

JavaScript的诞生于发展：

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

1. 快速入门

实现步骤

创建一个 HTML。

在标签下面编写一个<script>标签。

在<script>标签中编写代码。

通过浏览器查看

具体实现
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS快速入门</title>
</head>
<body>
    <button id="btn">点击一下</button>
</body>
<script>
    document.getElementById("btn").onclick=function () {
        alert("点我干嘛？");
    }
</script>
</html>

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

js代码写在script标签中, script标签位置不固定,建议写在body标签下面。

<!-- js代码写在script标签中,  script标签位置不固定,建议写在body标签下面-->
<script>
    document.getElementById("btn").onclick=function () {
        alert("点我干嘛？");   /* alert代表浏览器弹窗, 内容就是括号内的内容*/
    }
</script>

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

先创建js文件，再在html中引用外部js文件。

<script src="js/my.js"></script>

继续学习之路：

JavaScript (二) -- 基础语法

JavaScript (三) -- 内置对象

如果对你有帮助，请帮我点一下赞，我才有动力继续创作，谢谢！

普雅^0^雷蒙达

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript (一) -- 快速入门（js技术的两种引入方式）

js代码写在script标签中, script标签位置不固定,建议写在body标签下面。运行在客户端浏览器中，每一个浏览器都具备解析 JavaScript 的引擎。核心功能就是增强用户和 HTML 页面的交互过程，让页面有一些。先创建js文件，再在html中引用外部js文件。在标签下面编写一个标签。在标签中编写代码。JavaScript 是一种。以此来增强用户的体验！创建一个 HTML。
复制链接

扫一扫