程序开发 · 2023年8月10日

html 中如何调用css js

通过 标签(内联式 css)或 标签(外部 css)调用 css。通过 标签(内联式 js)或 标签(外部 js)调用 js。为了提高性能和管理,最好将 css 和 js 代码放置在外部文件中并避免使用内联式代码。

如何在 HTML 中调用 CSS 和 JS

CSS 调用

  • 内联式 CSS:使用
<style>
body {
  color: red;
}
</style>

<body>
  这是红色文本
</body>

登录后复制

  • 外部 CSS:使用 标签链接到外部 CSS 文件。
<link rel="stylesheet" href="styles.css">

<body>
  这是外部 CSS 应用的文本
</body>

登录后复制

JS 调用

  • 内联式 JS:使用 <script> 标签将 JS 代码直接写入 HTML 文档中。</script>
<script>
console.log("Hello World!");
</script>

登录后复制

  • 外部 JS:使用 <script> 标签链接到外部 JS 文件。</script>
<script src="script.js"></script>

<body>
  <p id="message"></p>

  <script>
    document.getElementById("message").innerHTML = "Hello World!";
  </script>
</body>

登录后复制

最佳实践

立即学习“”;

  • 为了提高性能,将 CSS 和 JS 代码放在外部文件中。
  • 对于较长的 CSS 或 JS 代码,将它们拆分成多个文件。
  • 避免使用内联式 CSS 和 JS,因为它们会使代码难以维护和管理。

以上就是html 中如何调用 js的详细内容,更多请关注GTHOST其它相关文章!