js学习笔记3——js编写位置_href的内容写在js中-CSDN博客

本文链接：https://blog.csdn.net/weixin_45034895/article/details/118143730

本文介绍了JavaScript代码的几种编写位置，包括HTML标签的onclick属性、超链接的href属性以及内部和外部的script标签。强调了将JS代码写在独立的script标签或外部文件中的最佳实践，以实现结构与行为的解耦。

摘要由CSDN通过智能技术生成

js学习笔记3——js编写位置

可以将js代码写在超链接的href属性中
还可以写在js文件里
如果在内部也写
再创建一个script标签呢
总结

可以将js代码写在标签的onclick属性中

<!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 type="text/javascript">

    </script>
</head>

<body>
    <!-- 可以将js代码写在标签的onclick属性中 -->
    <button onclick="alert('你点我干嘛~~');">点我一下</button>
</body>

</html>

在这里插入图片描述

可以将js代码写在超链接的href属性中

<body>
    <!-- 可以将js代码写在超链接的href属性中，
    当点击超链接时执行 -->
    <a href="javascript:alert('让你点你就点');">你也点我一下</a>

</body>

在这里插入图片描述
前面讲的写法不推荐使用，因为结构与行为耦合了。所以还是写在script标签里。

还可以写在js文件里

首先，创建一个名称为script.js的文件，内部代码为

alert("我是外部JS文件中的代码");

然后用src引入

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

    </script>

在这里插入图片描述

如果在内部也写

    <script type="text/javascript" src="js/script.js">
        alert("我是内部的代码");
    </script>

在这里插入图片描述

内部的没有啥用

再创建一个script标签呢

    <script type="text/javascript" src="js/script.js">
    </script>
    <script>alert("我是内部的代码");</script>

在这里插入图片描述
再创建一个就可以了。

总结

js代码最好还是不要在body里面写，写在script里或者js文件里比较好。