JavaScript与html结合的两种方式

最新推荐文章于 2024-08-03 15:42:27 发布

枸杞配红枣

最新推荐文章于 2024-08-03 15:42:27 发布

阅读量1.1k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_41586079/article/details/83001726

版权

HTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

JavaScript与html结合有两种方式，下面就来介绍这两种方式：

（1）<script type="text/javascript">js代码</script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javas与html结合</title>
</head>
<body>

<script type="text/javascript">
    alert("第一种方式");
</script>

</body>
</html>

(2)使用script标签，引入一个外部的js文件

js文件内的代码:

alert("第二种方式");

html代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javas与html结合</title>
</head>
<body>

<script type="text/javascript" src="1.js">

</script>

</body>
</html>

运行结果:

注意：

引入外部js文件时，不要在script标签里再写js代码了，不会运行。

如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javas与html结合</title>
</head>
<body>

<script type="text/javascript" src="1.js">
        alert("再次写入！");
</script>

</body>
</html>

运行结果和第二种结合方式运行结果相同，并没有弹出“再次写入！”这个小窗口。