1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>Title</title>
    6. </head>
    7. <body>
    8. <!--可以将js代码编写到标签的onclick属性中
    9. 当点击按钮时,js代码才会执行
    10. 虽然可以写在标签的属性中,但他们属于结构与行为耦合,不方便维护,不推荐使用
    11. -->
    12. <button onclick="alert('讨厌,你点我干嘛`~~~');">点我一下</button>
    13. <!--可以将js代码写在链接的href属性中,这样当点击超链接时,会执行js代码
    14. -->
    15. <a href="javascript:alert('让你点你就点');">你也点我一下</a>
    16. <!-- javascript: 是一个伪协议-->
    17. <!-- javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; -->
    18. <!-- 表示什么都不执行,这样点击<a>时就没有任何反应。 -->
    19. <!-- href="javascript:;"就是去掉a标签的默认行为,跟href="javascript:void(0)"是一样的。-->
    20. <!-- void 是JavaScript 的一个运算符,void(0)就是什么都不做的意思。-->
    21. <!-- 同样如果把void(0)换成函数名则表示调用函数; href="javascript:fn()"-->
    22. <a herf="javascript:;">你也点我一下</a>
    23. </body>
    24. </html>

    3.03.js编写位置 - 图1

    3.03.js编写位置 - 图2

    image.png