如何加载一个完整的库与css和js到html？

hfyxw5xn 于 2022-12-16 发布在其他

关注(0)|答案(1)|浏览(175)

假设我写了一个包含js和css文件（没有html）的本地库，这个库有一个js文件和一个class，它以DOM id作为参数，并将所有css独立地加载到该元素中。
我想“共享”这个库，或者只是将它包含在我的html页面中。
目前我所知道的唯一方法，是从这个文件夹中分别加载每个文件，如：

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

等等......看起来不干净，也不对劲。
要将这个库作为一个整体加载到一个html页面中，并将 * 其中的所有内容 *，或者至少是所有js加载到一个html页面中，正确的方法是什么？
如果我共享这个库，我不希望其他开发人员列出并加载每个js/css。

Html

来源：https://stackoverflow.com/questions/74775256/how-to-load-a-full-library-with-css-and-js-to-html

1条答案

按热度按时间

lvjbypge1#

你可以使用JavaScript来加载CSS。把你的script标签放在header部分上面会在你实际的站点之前加载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>

赞(0）回复(0）举报 2022-12-16

我来回答

如何加载一个完整的库与css和js到html？

1条答案

相关问题

热门标签

最新问答