创建和插入 Link 标签
使用 JavaScript，可以通过 document.createElement() 方法创建新的 Link 标签：
const link = document.createElement("link");然后，使用 href 和 rel 属性设置资源的 URL 和关系类型：
link.href = "path/to/stylesheet.css";
link.rel = "stylesheet";最后，使用 appendChild() 方法将 Link 标签插入到文档中：
document.head.appendChild(link);移除 Link 标签
要从文档中移除 Link 标签，可以使用 removeChild() 方法：
document.head.removeChild(link);修改 Link 标签属性
Link 标签的属性可以通过 JavaScript 进行修改，例如：
link.href = "new/path/to/stylesheet.css";
link.rel = "alternate";动态加载资源
JavaScript 可以用来动态地加载资源，例如样式表或脚本。通过设置 Link 标签的 onload 事件监听器，可以在资源加载完成后执行回调函数：
link.onload = function() {
// 资源加载完成后的操作
};这对于在用户交互或页面状态变化时动态加载资源非常有用。
管理图标
Link 标签还可以用于管理网站的图标。icon 关系类型用于声明网站的 favicon。通过 JavaScript，可以动态地更改图标，例如：
const faviconLink = document.querySelector("link[rel="icon"]");
faviconLink.href = "new/favicon.png";最佳实践
在使用 JavaScript 操纵 Link 标签时，有一些最佳实践需要遵循：
- 在文档加载后执行操作，以确保 DOM 已加载。
- 使用适当的事件监听器，在资源加载完成后才执行动作。
- 谨慎加载外部资源，避免过度加载和延迟。
- 清除不再需要的 Link 标签，以释放内存。
总结
通过 JavaScript，开发人员可以动态地操纵 Link 标签，实现各种功能。从创建和插入 Link 标签到修改属性和管理图标，JavaScript 提供了强大的工具来控制外部资源的加载和显示。遵循最佳实践，可以有效地利用 Link 标签的 DOM 操作，增强网站的性能和交互性。
