通过js加载的css样式和直接用<link>引入样式怎么效果不一样

Question

通过link引入的
效果

通过js动态引入

效果

注:用的是一样的样式

Answer 1

css 加载也是有优先顺序的

Answer 2

贴一下网络请求信息和报错信息。
肉眼看你贴出来这部分代码没问题的。

function insertLink(url) {
  var link = document.createElement('link');
  link.rel = 'stylesheet';
  link.href = url;
  document.querySelector('head').appendChild(link);
}

insertLink('http://cdn.bootcss.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css');

Answer 3

把函数写到head里执行