麓吆 发表于 2025-11-18 12:25:03

在HTML文件中CSS文件与JS文件如何引用

一、引用外部 CSS 文件

关键属性说明:


[*]rel="stylesheet":固定值,表明当前链接的是样式表文件。
[*]href:                   指定 CSS 文件的路径(必填),支持相对路径或绝对路径。
 
二、引用外部 JS 文件

<body>


</body>


<head>
   
</head>关键属性说明:


[*]src:指定 JS 文件的路径(必填),支持相对路径或绝对路径(同 CSS 的路径规则)。
[*]defer(可选):脚本会并行下载,但会在 HTML 解析完成后按顺序执行(适合依赖 DOM 或有顺序要求的脚本)。
[*]async(可选):脚本会并行下载,下载完成后立即执行(不保证顺序,适合独立脚本,如统计代码)。
 
<head>

   
</head>注意事项:

<ul >CSS 的  标签必须放在  中,否则可能导致页面短暂 “无样式”。
JS 的 

[*]方式 1 通过  标签的 href 属性直接指定目标页面路径,是 HTML 原生的跳转方式,简单高效。
[*]方式 2 通过按钮的 onclick 事件触发 JavaScript 函数,利用 window.location.href 改变当前页面的 URL,实现跳转(适合需要在跳转前添加额外逻辑的场景,比如验证)。
[*] 
 

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

蝙俚 发表于 3 天前

谢谢分享,试用一下
页: [1]
查看完整版本: 在HTML文件中CSS文件与JS文件如何引用