html代码和js代码分开写

HTML代码是网页的骨架，它用来定义网页的结构和内容。而JavaScript代码则提供了网页的动态效果和交互功能。

!DOCTYPE html>
    html>
      head>
        title>
    My Website/title>
        script src="script.js">
    /script>
      /head>
      body>
        h1>
    Welcome to my website!/h1>
        p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non sem non mauris molestie fringilla. Sed urna nibh, blandit a maximus nec, rhoncus sed nunc. Donec vitae lorem ut enim commodo bibendum./p>
        button onclick="alert('Hello World!')">
    Click me!/button>
      /body>
    /html>
    

在这个例子中，HTML代码和JavaScript代码都是分开写的。HTML代码定义了网页的结构和内容，包括页面标题、标题和正文内容。而JavaScript代码则包括一个外部脚本（从script.js文件中加载），以及一个内联脚本（在一个button元素的onclick属性中定义），用来添加一个简单的互动效果。

在现实中，我们通常会把大部分的JavaScript代码写在一个或多个外部脚本文件中，而不是把它们写在HTML文件中。这样做的好处是可以使代码更简洁、易于管理和维护。同时，这也方便了代码重用和在多个网页中共享JavaScript函数或对象。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！