JavaScript · 2：JS的3种写法：行内式、内嵌式、外部式

MicroLindb

已于 2022-12-07 04:23:58 修改

阅读量2.4k

点赞数 1

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

于 2022-09-29 23:20:49 首次发布

本文链接：https://blog.csdn.net/qq_43768851/article/details/127114918

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

一、行内式

1.代码

<!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>
    <input type="button" value="唐伯虎" onclick="alert('hi，秋香')"></input>
</body>
</html>

2.演示效果

在这里插入图片描述

二、内嵌式

1.代码

<!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>
    <!-- <input type="button" value="唐伯虎" οnclick="alert('hi，秋香')"></input> -->
</body>
</html>

2.演示效果

在这里插入图片描述

三、外部式

1.代码

注意：我们如果从外部引入script代码，那么不能在这个引入的script标签的内部再书写js代码了！不可以！
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>
    <script src="../js/alert.js"></script>
</head>
<body>
</body>
</html>

js代码：

alert('如果我们重新来过，你会不会爱我')

2.演示效果

在这里插入图片描述

MicroLindb

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript · 2：JS的3种写法：行内式、内嵌式、外部式

注意：我们如果从外部引入script代码，那么不能在这个引入的script标签的内部再书写js代码了！
复制链接

扫一扫

专栏目录