【JavaScript】JavaScript的引入

最新推荐文章于 2024-07-28 20:27:10 发布

永久旅途

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量74

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/XunLin233/article/details/129432616

版权

JavaScript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1.行内式

将单行或少量的JavaScript代码写在HTML标签的事件属性中（也就是以on开头）

使用行内式实现单击按钮弹出警告框

<!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>
</head>
<body>
    <button onclick="alert('行内式')">点我提示信息</button>
</body>
</html>

2.嵌入式

用<script>标签包裹JavaScript代码，可以写在<head>或者<body>中

<!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('嵌入式');
    </script>
</head>
<body>
</body>
</html>

3.外部式

创建一个用“js”作为后缀名的文件，使用<script>标签中的src属性进行引入

test.js文件中的代码

alert('外部式');

index.html中的代码

<!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>
</head>
<body>
    <script src="test.js"></script>
</body>
</html>

永久旅途

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【JavaScript】JavaScript的引入

用<script>标签包裹JavaScript代码，可以写在<head>或者<body>中。将单行或少量的JavaScript代码写在HTML标签的事件属性中（也就是以on开头）创建一个用“js”作为后缀名的文件，使用<script>标签中的src属性进行引入。使用行内式实现单击按钮弹出警告框。index.html中的代码。test.js文件中的代码。
复制链接

扫一扫

专栏目录