1, 使用 document.write 方式输出引入 CSS 的 link 标签
在调用文件的顶部加入下例代码
- <script>
- document.write('<link rel="stylesheet"href="main.css">');
- </script>
- (注: 有时你引用的文件还可能需要引用其他的 JS, 我们需要将需要的那个 JS 文件也以同样的方法引用进来)
- (相关课程推荐: JS 视频教程 https://www.html.cn/js/video/ )
2, 使用 createElement 方法动态创建 link 标签, 来引入 CSS
在将下边代码放入 Body 中:
- <script>
- new_element = document.createElement('link');
- new_element.setAttribute('rel', 'stylesheet');
- new_element.setAttribute('href', 'main.css');
- document.body.appendChild(new_element);
- </script>
我们来分析一下关键的几句代码:
首先我们利用 document.createElement('link') 生成了一个 link 标签;
然后设置其 rel 属性为 stylesheet,href 为 main.CSS;
最后将这个标签动态地加入 body 中.
来源: http://www.css88.com/qa/javascript/15303.html