使用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 相关文章推荐
THREE.JS入门教程(5)你应当知道的十件事
Jan 24 Javascript
Javascript 命名空间模式
Nov 01 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
Jun 03 Javascript
js中的如何定位固定层的位置
Jun 15 Javascript
javascript实现日期时间动态显示示例代码
Sep 08 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
Oct 20 Javascript
ES6中如何使用Set和WeakSet
Mar 10 Javascript
Angular ng-class详解及实例代码
Sep 19 Javascript
AngularJS删除路由中的#符号的方法
Sep 20 Javascript
vue+SSM实现验证码功能
Dec 07 Javascript
转换layUI的数据表格中的日期格式方法
Sep 19 Javascript
vue在线动态切换主题色方案
Mar 26 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
教你在PHPStorm中配置Xdebug
2015/07/27 PHP
THINKPHP在添加数据的时候获取主键id的值方法
2017/04/03 PHP
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
2009/05/21 Javascript
解决表单中第一个非隐藏的元素获得焦点的一个方案
2009/10/26 Javascript
JQuery Tab选项卡效果代码改进版
2010/04/01 Javascript
js实现的仿新浪微博完美的时间组件升级版
2011/12/20 Javascript
jQuery取得select选择的文本与值的示例
2013/12/09 Javascript
Js与下拉列表处理问题解决
2014/02/13 Javascript
jquery简单倒计时实现方法
2015/12/18 Javascript
jQuery实现无限往下滚动效果代码
2016/04/16 Javascript
基于jQuery的Web上传插件Uploadify使用示例
2016/05/19 Javascript
Bootstrap select实现下拉框多选效果
2016/12/23 Javascript
微信小程序实战之自定义抽屉菜单(7)
2017/04/18 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
vue2.0 中#$emit,$on的使用详解
2017/06/07 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
2017/07/03 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
2017/08/17 Javascript
vue实现全选和反选功能
2017/08/31 Javascript
nodejs实现的连接MySQL数据库功能示例
2018/01/25 NodeJs
详解vue-cli3开发Chrome插件实践
2019/05/29 Javascript
JS数组方法push()、pop()用法实例分析
2020/01/18 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
vue实现lodop打印功能的示例
2020/11/11 Javascript
[59:00]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD BO3 第一场 3月7日
2021/03/11 DOTA
Python简单进程锁代码实例
2015/04/27 Python
在ironpython中利用装饰器执行SQL操作的例子
2015/05/02 Python
python中getaddrinfo()基本用法实例分析
2015/06/28 Python
Python2.x利用commands模块执行Linux shell命令
2016/03/11 Python
Python实现识别手写数字 简易图片存储管理系统
2018/01/29 Python
爱心捐款倡议书范文
2014/05/12 职场文书
个人授权委托书
2014/09/15 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
2014年图书室工作总结
2014/12/09 职场文书
毕业证明模板
2015/06/19 职场文书
庆元旦主持词
2015/07/06 职场文书
《用字母表示数》教学反思
2016/02/17 职场文书