在我们开发网页时,经常会使用到外部样式表和外部脚本来实现一些特效或者优化我们页面的表现。那么什么是外部样式表和外部脚本呢?
外部样式表:即将网页中的所有样式定义在一个独立的.css文件中,然后在html文件中通过标签引用。
示例代码:
在style.css文件中我们可以定义网页中的所有样式,如下代码:body {
background-color: white;
font-size: 16px;
color: black;
}
...
外部脚本:即将网页中的javascript代码定义在一个独立的.js文件中,然后在html文件中通过在main.js文件中我们可以定义对网页的操作和逻辑,如下代码:var date = new Date();
var hour = date.getHours();
if (hour< 10) {
document.write("早上好!");
} else if (hour< 16) {
document.write("下午好!");
} else {
document.write("晚上好!");
}
使用外部样式表和外部脚本,减少了代码冗余,同时也方便我们维护和修改各自独立的样式和脚本文件。