我正在修改一些遗留代码，发现一个网页加载 JQuery 库仅用于执行以下操作(位于页面 <script> 中的 <body> 标记内):
$(document).ready(function(){
//Once the document is ready, run the following code
$("head").append($("<link rel='stylesheet' href='style-"+myCSS+".css' type='text/css' media='screen' />"));
});
我想将此代码转换为常规 JavaScript 并删除 JQuery(我并不反对使用 JQuery，我反对仅为此而必须加载 90+Kb 的想法)。
我的想法，但我不是JS专家，是使用(在页面中的相同位置):
headReference.innerHTML = "<link rel='stylesheet' href='style-" + myCSS + ".css' type='text/css' media='screen' />";
有没有更好的解决办法？
感谢任何帮助。
最佳答案
这是等效的纯 JavaScript:
var head = document.getElementsByTagName("head")[0];
var link = document.createElement("link");
link.rel = 'stylesheet';
link.type = 'text/css';
link.media = 'screen';
link.href = 'style-'+myCSS+'.css';
head.appendChild(link);
如果在文档加载后加载该代码很重要(这可能不是必需的)，那么您可以将此代码放在 <body> 末尾之前的脚本标记中。标签 - 否则，您可以将其放在 <body> 中的任何位置元素。
关于javascript - 将 JQuery 代码转换为其等效的 JavaScript 代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12234619/