如何將帶有 css 和 js 的完整庫加載到 html？

Question

假設我寫了一些包含js和css文件（無 html）的本地庫。 這個庫有一個帶有class的js文件，該類將 DOM id作為參數並將所有css獨立加載到該元素中。

我想“分享”那個庫，或者只是將它包含在我的html頁面中。

我目前知道的唯一方法是分別從該文件夾加載每個文件，例如：

<link rel="stylesheet"  href="/lib/style.css"/>
<script src="lib/main.js"></script>

等等..看起來不干凈也不對。

能夠將這個庫作為一個整體以及里面的所有內容或至少里面的所有js加載到html頁面中的正確方法是什么？

如果我共享這個庫，我不希望其他開發者列出並加載每個js/css 。

Answer 1

您可以使用 JavaScript 加載 CSS。 將您的腳本標記放在標頭部分上方將在您的實際站點之前加載 CSS。

使用像pastebin這樣的托管來托管一些臨時的 CSS 文件。

可能無法快速加載 CSS，但目前它是我用來共享我的庫的解決方案。

<script>
         
        // Get HTML head element
        var head = document.getElementsByTagName('HEAD')[0];
 
        // Create new link Element
        var link = document.createElement('link');
 
        // set the attributes for link element
        link.rel = 'stylesheet';
     
        link.type = 'text/css';
     
        link.href = 'INSERTYOURLINKHERE';
 
        // Append link element to HTML head
        head.appendChild(link);
    </script>