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

2019-12-17,,

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

希望下面的方法对你有帮助。
(1)使用JavaScript动态加载Js文件

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

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

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

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

您可能感兴趣的文章:

  • 动态加载JS文件的三种方法
  • jquery及js实现动态加载js文件的方法
  • 用ajax动态加载需要的js文件
  • 如何实现JavaScript动态加载CSS和JS文件
  • JS 动态加载js文件和css文件 同步/异步的两种简单方式
  • JS加载器如何动态加载外部js文件
  • javascript中动态加载js文件多种解决办法总结
  • 理解javascript中的回调函数(callback)
  • js 异步操作回调函数如何控制执行顺序
  • javascript 自定义回调函数示例代码
  • 原生JS实现动态加载js文件并在加载成功后执行回调函数的方法

《使用javaScript动态加载Js文件和Css文件.doc》

下载本文的Word格式文档,以方便收藏与打印。