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


Posted in Javascript onOctober 24, 2015

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文件的方法,希望对大家的学习有所帮助。

Javascript 相关文章推荐
在JavaScript中使用inline函数的问题
Mar 08 Javascript
Javascript 面向对象 命名空间
May 13 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
Dec 14 Javascript
js批量设置样式的三种方法不推荐使用with
Feb 25 Javascript
8个实用的jQuery技巧
Mar 04 Javascript
javascript中call apply 与 bind方法详解
Mar 10 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
Javascript基础教程之比较null和undefined值
May 16 Javascript
Vue使用watch监听一个对象中的属性的实现方法
May 10 Javascript
在Chrome DevTools中调试JavaScript的实现
Apr 07 Javascript
Vue封装Axios请求和拦截器的步骤
Sep 16 Javascript
Js实现粘贴上传图片的原理及示例
Dec 09 Javascript
js判断日期时间有效性的方法
Oct 24 #Javascript
JavaScript中日期的相关操作方法总结
Oct 24 #Javascript
JavaScript中Date对象的常用方法示例
Oct 24 #Javascript
js实现表单多按钮提交action的处理方法
Oct 24 #Javascript
JS实现状态栏跑马灯文字效果代码
Oct 24 #Javascript
JavaScript实现标题栏文字轮播效果代码
Oct 24 #Javascript
JS实现IE状态栏文字缩放效果代码
Oct 24 #Javascript
You might like
PHP读取XML值的代码(推荐)
2011/01/01 PHP
php中session使用示例
2014/03/29 PHP
thinkphp浏览历史功能实现方法
2014/10/29 PHP
Laravel创建数据库表结构的例子
2019/10/09 PHP
javascript 表单的友好用户体现
2009/01/07 Javascript
Jquery获取复选框被选中值的简单方法
2013/07/04 Javascript
解析使用JS 清空File控件的路径值
2013/07/08 Javascript
JS的事件绑定深入认识
2014/06/26 Javascript
JavaScript如何动态创建table表格
2020/08/02 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
2016/05/31 Javascript
JavaScript Base64 作为文件上传的实例代码解析
2017/02/14 Javascript
vue.js指令v-model使用方法
2017/03/20 Javascript
jQuery取得元素标签名称小结(附代码)
2017/08/16 jQuery
JS设计模式之惰性模式(二)
2017/09/29 Javascript
JS数组去重常用方法实例小结【4种方法】
2018/05/28 Javascript
详解微信小程序文件下载--视频和图片
2019/04/24 Javascript
Vue3 源码导读(推荐)
2019/10/14 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
2020/04/13 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
2020/06/10 Javascript
详解Python中__str__和__repr__方法的区别
2015/04/17 Python
简单介绍Python中的try和finally和with方法
2015/05/05 Python
Django后台获取前端post上传的文件方法
2018/05/28 Python
浅谈python中np.array的shape( ,)与( ,1)的区别
2018/06/04 Python
python如何实现视频转代码视频
2019/06/17 Python
Django Form 实时从数据库中获取数据的操作方法
2019/07/25 Python
Pycharm内置终端及远程SSH工具的使用教程图文详解
2020/03/19 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
读书活动实施方案
2014/03/10 职场文书
教师考核材料
2014/05/21 职场文书
提拔干部考察材料
2014/05/26 职场文书
经理任命书模板
2014/06/06 职场文书
新兵入伍心得体会
2014/09/04 职场文书
2015年社会实践个人总结
2015/03/06 职场文书
2015年小学生国庆节演讲稿
2015/07/30 职场文书
MySQL Shell的介绍以及安装
2021/04/24 MySQL