使用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 相关文章推荐
[JS]点出统计器
Oct 11 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
Oct 31 Javascript
js获得网页背景色和字体色的方法
Mar 21 Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
Dec 14 Javascript
你有必要知道的10个JavaScript难点
Jul 25 Javascript
Three.js实现绘制字体模型示例代码
Sep 26 Javascript
Vue的轮播图组件实现方法
Mar 03 Javascript
layui实现动态和静态分页
Apr 28 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
Jul 15 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
Feb 25 Javascript
JavaScript适配器模式原理与用法实例详解
Mar 09 Javascript
Vue 打包后相对路径的引用问题
Jun 05 Vue.js
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
PHP4之COOKIE支持详解
2006/10/09 PHP
基于PHP magic_quotes_gpc的使用方法详解
2013/06/24 PHP
在php7中MongoDB实现模糊查询的方法详解
2017/05/03 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
javascript  Error 对象 错误处理
2008/05/18 Javascript
javascript静态页面传值的三种方法分享
2013/11/12 Javascript
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
javascript arguments使用示例
2014/12/16 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
2015/08/06 Javascript
Underscore源码分析
2015/12/30 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
jquery实现图片上传前本地预览
2017/04/28 jQuery
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
2018/11/02 Javascript
Vue侦测相关api的实现方法
2019/05/22 Javascript
微信小程序背景音乐开发详解
2019/12/12 Javascript
javascript实现支付宝滑块验证码效果
2020/07/24 Javascript
JavaScript实现前端倒计时效果
2021/02/09 Javascript
[01:50]WODOTA制作 DOTA2中文宣传片《HERO》
2013/04/28 DOTA
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Java多线程编程中ThreadLocal类的用法及深入
2016/06/21 Python
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
用python打印1~20的整数实例讲解
2019/07/01 Python
python 并发编程 非阻塞IO模型原理解析
2019/08/20 Python
Python3 合并二叉树的实现
2019/09/30 Python
Python StringIO如何在内存中读写str
2020/01/07 Python
python mysql 字段与关键字冲突的解决方式
2020/03/02 Python
Numpy中的数组搜索中np.where方法详细介绍
2021/01/08 Python
使用phonegap播放音频的实现方法
2017/03/31 HTML / CSS
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
万户网络JAVA程序员岗位招聘笔试试卷
2013/01/08 面试题
采购意向书范本
2014/03/31 职场文书
党员批评与自我批评发言
2014/10/02 职场文书
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
银行柜员工作心得体会
2016/01/23 职场文书