首页 > 语言 > JavaScript > 正文

使用javaScript动态加载Js文件和Css文件

2024-05-06 16:24:50
字体:
来源:转载
供稿:网友

这篇文章主要介绍了如何使用javaScript动态加载Js文件和Css文件

JS动态加载CSS 在可换主题的界面中具有很重要的意义,用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式,下面详细说明。

希望下面的方法对你有帮助。

(1)使用JavaScript动态加载Js文件

 

  
  1. /*JavaScript动态加载Js文件*/ 
  2. var scriptNode = document.createElement('script');  
  3. scriptNode.src = 'proxy.js?t='+new Date().getTime();/*附带时间参数,防止缓存*/ 
  4. document.head.appendChild(scriptNode);  

(2)使用JavaScript动态加载css文件

 

 
  1. /*JavaScript动态加载Css文件*/ 
  2. var cssNode = document.createElement('link');  
  3. cssNode.rel = 'stylesheet';  
  4. cssNode.type = 'text/css';  
  5. cssNode.media = 'screen';  
  6. cssNode.href = 'style.css?t='+new Date().getTime();/*附带时间参数,防止缓存*/ 
  7. document.head.appendChild(cssNode); 

以上就是使用javaScript动态加载Js文件和Css文件的方法,希望对大家的学习有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选