找回密码
 立即注册
首页 业界区 安全 在HTML文件中CSS文件与JS文件如何引用

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

麓吆 2025-11-18 12:25:03
一、引用外部 CSS 文件
  1. [/code][size=3]关键属性说明:[/size]
  2. [list]
  3. [*]rel="stylesheet":固定值,表明当前链接的是样式表文件。
  4. [*]href:                   指定 CSS 文件的路径(必填),支持[b]相对路径[/b]或[b]绝对路径[/b]。
  5. [/list] 
  6. [size=4][b]二、引用外部 JS 文件[/b][/size]
  7. [code]<body>
  8.   
  9.   
  10. </body>
  11. <head>
  12.    
  13. </head>
复制代码
关键属性说明:


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

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

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

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

相关推荐

您需要登录后才可以回帖 登录 | 立即注册