使用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 模拟JQuery的Ready方法实现并出现的问题
Dec 06 Javascript
Web开发之JavaScript
Mar 29 Javascript
ajax与302响应代码测试
Oct 23 Javascript
Js保留小数点的4种效果实现代码分享
Apr 12 Javascript
浅谈vue方法内的方法使用this的问题
Sep 15 Javascript
vue router导航守卫(router.beforeEach())的使用详解
Apr 19 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
Aug 23 Javascript
微信小程序实现限制用户转发功能的实例代码
Feb 22 Javascript
如何解决jQuery 和其他JS库的冲突
Jun 22 jQuery
Vue+Element自定义纵向表格表头教程
Oct 26 Javascript
JavaScript 防篡改对象的用法示例
Apr 24 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安装问题
2006/10/09 PHP
PHP 批量更新网页内容实现代码
2010/01/05 PHP
优化PHP代码技巧的小结
2013/06/02 PHP
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
smarty缓存用法分析
2014/12/16 PHP
php打印输出棋盘的实现方法
2014/12/23 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
php实现批量上传数据到数据库(.csv格式)的案例
2017/06/18 PHP
PHPExcel实现的读取多工作表操作示例
2020/04/14 PHP
List Installed Hot Fixes
2007/06/12 Javascript
细说浏览器特性检测(2)-通用事件检测
2010/11/05 Javascript
为EasyUI的Tab标签添加右键菜单的方法
2012/07/14 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
JavaScript实现下拉列表框数据增加、删除、上下排序的方法
2015/08/11 Javascript
类似于QQ的右滑删除效果的实现方法
2016/10/16 Javascript
微信小程序联网请求的轮播图
2017/07/07 Javascript
vue-cli 引入、配置axios的方法
2018/05/08 Javascript
详解JS实现系统登录页的登录和验证
2019/04/29 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
2019/08/02 Javascript
JavaScript原型式继承实现方法
2019/11/06 Javascript
JS实现简单贪吃蛇小游戏
2020/10/28 Javascript
js实现扫雷源代码
2020/11/27 Javascript
[45:17]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第三场 1月9日
2021/03/11 DOTA
在Python中编写数据库模块的教程
2015/04/29 Python
wxPython的安装图文教程(Windows)
2017/12/28 Python
python3判断url链接是否为404的方法
2018/08/10 Python
python装饰器常见使用方法分析
2019/06/26 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
Python 复平面绘图实例
2019/11/21 Python
python-web根据元素属性进行定位的方法
2019/12/13 Python
mac 上配置Pycharm连接远程服务器并实现使用远程服务器Python解释器的方法
2020/03/19 Python
职工代表大会主持词
2014/04/01 职场文书
陈安之励志演讲稿
2014/08/21 职场文书
2014年优质护理服务工作总结
2014/11/14 职场文书
就业推荐表自我评价范文
2015/03/02 职场文书