TypechoJoeTheme

尘遇 logo

当我遇上你
排行榜
统计

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

醉书生站长
4个月前
0 评论
167 阅读
检测收录...
03/09
本文最后更新于2021年03月09日,已超过145天没有更新,若内容或图片失效,请留言反馈。

网页制作过程中,难免需要用到 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 ,否则会报错。

本文共261个字数,您已阅读:平均阅读时长≈1分钟。
CSS
朗读
点赞
1
赞赏
海报
人生
欢迎
要时间嘉许,等春风得意,我正好遇上你!

微信/QQ/支付宝三合一收款码

微信
QQ
支付宝
打开微信/QQ/支付宝扫一扫,即可进行扫码打赏!
版权属于:

尘遇

最后修改:

2021 年 03 月 09 日 08 : 01 AM

本文链接:

https://chenyu.me/1276.html(转载时请注明本文出处及文章链接)

暂无评论

光阴者,百代之过客

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

最新回复

  1. 腾飞博客秀才
    2021-07-31

    1

  2. 腾飞博客秀才
    2021-07-31

    1

  3. 腾飞博客秀才
    2021-07-31

    1

  4. 鑫旺秀才
    2021-07-31
  5. 鑫旺秀才
    2021-07-31