js读取引入了哪些css,js如何引入css文件?

c3395a7e72467a93ecf3132c13192140.png

js如何引入css文件?

1、使用document.write方式输出引入css的link标签

在调用文件的顶部加入下例代码

document.write('');

(注:有时你引用的文件还可能需要引用其他的js,我们需要将需要的那个js文件也以同样的方法引用进来)

(相关课程推荐:JS视频教程)

2、使用createElement方法动态创建link标签,来引入css

在将下边代码放入Body中:

new_element = document.createElement('link');

new_element.setAttribute('rel', 'stylesheet');

new_element.setAttribute('href', 'main.css');

document.body.appendChild(new_element);

我们来分析一下关键的几句代码:

首先我们利用document.createElement('link')生成了一个link标签;

然后设置其rel属性为stylesheet,href为main.css;

最后将这个标签动态地加入body中。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值