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文件并在加载成功后执行回调函数的方法