网站引入 JS/CSS 的几种方式

网页制造过程中，难免需求用到 CSS 以及 JS。普通状况下我们为了便于代码维护都会将 CSS、JS 分别写在不同的文件中以完成构造、款式、行为的别离，但是关于一些特殊状况，我们可能需求直接在元素中内嵌款式，或者直接在文档中内嵌脚本，这里就简单整理一下 CSS 与 JS 的几种引入方式，做个简单的比照，便当了解。

元素内嵌

<div style='color:red;'>蝈蝈要安静——一个不学无术的伪程序员</div>    // 元素内嵌 CSS
<button onclick="alert('蝈蝈要安静——一个不学无术的伪程序员')">按钮称号</button>    // 元素内嵌 JS

文档内嵌

// 文档内嵌 CSS
<style>
    .mycss {
        color: red;
    }
</style>

// 文档内嵌 JS
<script type=”text/javascript”>
    alert('蝈蝈要安静——一个不学无术的伪程序员');
</script>

外部援用

<link rel='stylesheet' href='css/mycss.css' />   //外部援用 CSS
<script type=”text/javascript” src=”myjs.js”></script>    //外部援用 JS

CSS/JS 文件中引入

// CSS 文件中引入其他 CSS
@import “myothercss.css”
.mycss { 
    color:red;
}

// JS 文件中引入其他 JS
document.write(“<script language=javascript src=‘/js/myotherjs.js’></script>”);

留意：在 CSS 款式表中能够呈现在 @import 语句之前的只要 @charset ，否则会报错。

感谢您的来访，获取更多精彩文章请收藏本站。