网页制造过程中,难免需求用到 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 ,否则会报错。
感谢您的来访,获取更多精彩文章请收藏本站。
![](https://www.gyzsq.com/wp-content/uploads/2022/07/9259adea4619.gif)
© 版权声明
本站网络名称:
孤勇者社区
本站永久网址:
https://www.gyzsq.com
网站侵权说明:
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ324470778删除处理。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
喜欢就支持一下吧
相关推荐
评论 共1条
![头像](/wp-content/themes/zibll/img/avatar-default.png)
欢迎您留下宝贵的见解!
- 最新
- 最热
只看作者