在不更改DOM的情况下重新加载页面-Javascript

我有一个网页，我正在创建，我试图添加一个链接到顶部，将添加一个css文件。我认为它不起作用，因为我加载了页面，然后添加了link元素，它实际上从未将css文件中的样式添加到元素中。我尝试让它使用location.reload（）重新加载页面，但这会将link元素从页面中移除。任何关于如何做到这一点的建议都是非常好的。我不想使用jquery，但如果需要，我可以

当前代码：

function findCss() {
    var fileref=document.createElement("link")
    fileref.setAttribute("rel", "stylesheet")
    fileref.setAttribute("type", "text/css")
    fileref.setAttribute("href", "styles/index.css")
}

window.onload=findCss

尝试添加

document.body.appendChild(fileRef);

或

在该函数的末尾，取决于您希望链接放置的位置（标题或正文）

document.head.appendChild(fileRef);