document.write(

如何用js加载css样式表

有时,为了提高网页打开速度,只会加载基本的css样式,之后再通过js动态的加载css来丰富界面。下面就为各位介绍一些常用的js加载css样式表的方法,供各位参考学习。

如何用js加载css样式表

1、直接document.write

<script language="javascript">
  document.write('<link rel="stylesheet" href="main.css">');
</script>

2、动态改变已有link的href属性(相关课程推荐:JS视频教程

<link rel="stylesheet" id="css1">
<script language="javascript">
  css1.href="main.css"
</script>

3、动态创建link元素

<script>
  var oHead = document.getElementsByTagName('head').item(0);
  var oCss = document.createElement("link");
  oCss.rel= "stylesheet";
  oCss.type = "text/css"
  oCss.href="main.css";
  oHead.appendChild( oCss );
</script>

更多JavaScript相关技术文章,请访问JavaScript答疑栏目进行学习!

以上就是如何用js加载css样式表的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读