初入WEB前端 JavaScript（2）-CSDN博客

本文链接：https://blog.csdn.net/weixin_44004068/article/details/107157788

1.JavaScript 超链接动作

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <!-- alert()弹出一个警告框
         document.write()向body中输出一个内容
         console.log() 向控制台输出一个内容     
         innerHTML写入到html元素
    -->
    <a href="javascript:;">链接1 </a>
    <a href="javascript:alert('hehe');">链接2</a>


</body>
</html>

可以在超链接里写javascript，如果不写直接:;则链接点了不开，但这种写法不推荐，还是写到script标签里或者外部js文件，维护性更好

2.JavaScript 引入外部js

写在html内部，结构与行为耦合，不方便我们进行维护
因此引入js文件成了一种优质选择

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./javascript.js"></script>
</head>
<body>

</body>
</html>

在这里插入图片描述