为了账号安全,请及时绑定邮箱和手机立即绑定

如何使用Javascript加载CSS文件?

如何使用Javascript加载CSS文件?

明月笑刀无情 2019-06-03 16:04:40
如何使用Javascript加载CSS文件?是否可以使用Javascript将CSS样式表导入到html页面?如果是的话,如何才能做到呢?P.S.javascript将托管在我的站点上,但我希望用户能够将<head>标签的网站,它应该能够导入一个CSS文件托管在我的服务器到当前的网页。(CSS文件和javascript文件都将托管在我的服务器上)。
查看完整描述

4 回答

?
慕侠2389804

TA贡献1719条经验 获得超6个赞

如果使用jQuery:

$('head').append('<link rel="stylesheet" type="text/css" href="style.css">');


查看完整回答
反对 回复 2019-06-03
?
拉莫斯之舞

TA贡献1820条经验 获得超10个赞

调用以下函数动态加载CSS或JavaScript文件。

function loadjscssfile(filename, filetype) {
  if (filetype == "js") { //if filename is a external JavaScript file
    // alert('called');
    var fileref = document.createElement('script')
    fileref.setAttribute("type", "text/javascript")
    fileref.setAttribute("src", filename)
    alert('called');
  } else if (filetype == "css") { //if filename is an external CSS file
    var fileref = document.createElement("link")
    fileref.setAttribute("rel", "stylesheet")
    fileref.setAttribute("type", "text/css")
    fileref.setAttribute("href", filename)
  }
  if (typeof fileref != "undefined")
    document.getElementsByTagName("head")[0].appendChild(fileref)}

传递完整的文件路径,其名称为filename争论。


查看完整回答
反对 回复 2019-06-03
  • 4 回答
  • 0 关注
  • 565 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号