我正在修改一些遗留代码,我发现一个加载 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' />";
有没有更好的解决方案?
任何帮助表示赞赏。