JAVASCRIPT三种书写位置

prtyaa 2023-12-26 18:18:36  49033

分类专栏：资讯

1 JS三种书写位置

1.1 行内式的js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="id=edge">
    <title>Document</title>
</head>
<body>
    <!-- 1.行内式的js，直接写到元素的内部 -->
    <input type="button" value="test" onclick="alert('onclick')">
</body>
</html>

1.2 内嵌式的js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="id=edge">
    <title>Document</title>
    <!-- 2.内嵌式的js -->
    <script>
        alert('test');
    </script>
</head>
<body>
</body>
</html>

1.3 外部js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="id=edge">
    <title>Document</title>
    <!-- 3.外部的js script双标签 -->
    <script src="my.js"></script>
</head>
<body>
</body>
</html>

网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。

本文链接：https://www.xckfsq.com/news/show.html?id=30989

赞同 0

评论 0 条

JAVASCRIPT三种书写位置

1 JS三种书写位置

1.1 行内式的js

1.2 内嵌式的js

1.3 外部js

相关文章

关注我们