html 中如何调用 CSS 和 JS? 下面本篇文章就来给大家介绍一下在 HTML 中调用 CSS 和 JS 的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
在 HTML 中调用 CSS 的方法
行内样式
在 HTML 标签的 style 属性中设定 CSS 样式
<p style="color: #FF0000;"> 行内样式 </p>
内嵌式
将 CSS 样式集中写在 HTML 页面 head 标签的 style 标签中
- <style>
- bdoy{font-size:14px;}
- </style>
链接式
也是在 head 标签内部进行, 但是需要在外部专门写 CSS 文件.
<link rel="stylesheet" href="css/Demo.css" />
导入样式
同样在 head 标签内.
- <style type="text/css">
- @import url("css/Demo.css");
- </style>
导入和链接的区别为, 导入时一次加载, 而链接是在需要其样式的时候再去加载, 所以链接式的性能更高一点. 尤其是在第一次加载 .
在 HTML 中调用 JS 的方法
在 HTML 中调用 JavaScript 的方法有两种: 内联 JavaScript 脚本, 外部 JavaScript 脚本.
内联 JavaScript 脚本
内联脚本是一种使用 < script > 标签直接在 HTML 中嵌入 JavaScript 代码的方法.
语法:
- <script type="text/javascript">
- //JavaScript 代码
- </script>
外部 JavaScript 脚本
外部脚本是使用 < script > 标签和 src 属性将外部的 JavaScript 脚本文件连接到 HTML 中的方法; 这通常用于网页设计领域.
语法:
<script type="text/javascript" src="sample.js"></script>
在 HTML 中嵌入上述代码, 就可将编写了 JavaScript 脚本的外部 JavaScript 文件导入 HTML 中, 这样 HTML 就可调用 JavaScript.
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/html5/13851.html