在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,实现跳转(适合需要在跳转前添加额外逻辑的场景,比如验证)。
[*]
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作! 谢谢分享,试用一下
页:
[1]