在html中使用多个ref值的正确方法是什么？

<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="style2.css">
<script src="script1.js"></script>
<script src="script2.js"></script>

<style>
    @import url("style1.css");
    @import url("style2.css");
</style>

<script>
    var script1 = document.createElement("script");
    script1.src = "script1.js";
    document.head.appendChild(script1);

    var script2 = document.createElement("script");
    script2.src = "script2.js";
    document.head.appendChild(script2);
</script>