猿问

如何使用Javascript加载CSS文件?

如何使用Javascript加载CSS文件?

是否可以使用Javascript将CSS样式表导入到html页面?如果是的话,如何才能做到呢?

P.S.javascript将托管在我的站点上,但我希望用户能够将<head>标签的网站,它应该能够导入一个CSS文件托管在我的服务器到当前的网页。(CSS文件和javascript文件都将托管在我的服务器上)。


明月笑刀无情
浏览 566回答 4
4回答

慕侠2389804

如果使用jQuery:$('head').append('<link&nbsp;rel="stylesheet"&nbsp;type="text/css"&nbsp;href="style.css">');

拉莫斯之舞

调用以下函数动态加载CSS或JavaScript文件。function&nbsp;loadjscssfile(filename,&nbsp;filetype)&nbsp;{ &nbsp;&nbsp;if&nbsp;(filetype&nbsp;==&nbsp;"js")&nbsp;{&nbsp;//if&nbsp;filename&nbsp;is&nbsp;a&nbsp;external&nbsp;JavaScript&nbsp;file &nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;alert('called'); &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;fileref&nbsp;=&nbsp;document.createElement('script') &nbsp;&nbsp;&nbsp;&nbsp;fileref.setAttribute("type",&nbsp;"text/javascript") &nbsp;&nbsp;&nbsp;&nbsp;fileref.setAttribute("src",&nbsp;filename) &nbsp;&nbsp;&nbsp;&nbsp;alert('called'); &nbsp;&nbsp;}&nbsp;else&nbsp;if&nbsp;(filetype&nbsp;==&nbsp;"css")&nbsp;{&nbsp;//if&nbsp;filename&nbsp;is&nbsp;an&nbsp;external&nbsp;CSS&nbsp;file &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;fileref&nbsp;=&nbsp;document.createElement("link") &nbsp;&nbsp;&nbsp;&nbsp;fileref.setAttribute("rel",&nbsp;"stylesheet") &nbsp;&nbsp;&nbsp;&nbsp;fileref.setAttribute("type",&nbsp;"text/css") &nbsp;&nbsp;&nbsp;&nbsp;fileref.setAttribute("href",&nbsp;filename) &nbsp;&nbsp;} &nbsp;&nbsp;if&nbsp;(typeof&nbsp;fileref&nbsp;!=&nbsp;"undefined") &nbsp;&nbsp;&nbsp;&nbsp;document.getElementsByTagName("head")[0].appendChild(fileref)}传递完整的文件路径,其名称为filename争论。
随时随地看视频慕课网APP
我要回答