使用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 相关文章推荐
控制台报错object is not a function的解决方法
Aug 24 Javascript
简介JavaScript中strike()方法的使用
Jun 08 Javascript
详解AngularJS的通信机制
Jun 18 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
Jan 08 Javascript
Vue监听数组变化源码解析
Mar 09 Javascript
小程序rich-text组件如何改变内部img图片样式的方法
May 22 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
Aug 14 Javascript
基于JavaScript伪随机正态分布代码实例
Nov 07 Javascript
vue.js 解决v-model让select默认选中不生效的问题
Jul 28 Javascript
javascript开发实现贪吃蛇游戏
Jul 31 Javascript
JavaScript实现单点登录的示例
Sep 23 Javascript
vue如何使用模拟的json数据查看效果
Mar 31 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
PHP之sprintf函数用法详解
2014/11/12 PHP
PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
2016/07/09 PHP
会自动逐行上升的文本框
2006/06/30 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
js获取url中的参数且参数为中文时通过js解码
2014/03/19 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
浅谈javascript 函数表达式和函数声明的区别
2016/01/05 Javascript
详解javascript事件绑定使用方法
2016/10/20 Javascript
jquery-mobile基础属性与用法详解
2016/11/23 Javascript
js控制按钮,防止频繁点击响应的实例
2017/02/15 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
2017/11/07 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
vue-cli V3.0版本的使用详解
2018/10/24 Javascript
vue2.0结合Element-ui实战案例
2019/03/06 Javascript
解决IOS端微信H5页面软键盘弹起后页面下方留白的问题
2019/06/05 Javascript
Vue利用Blob下载原生二进制数组文件
2019/09/25 Javascript
[01:11:10]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG加赛
2014/05/26 DOTA
Python中删除文件的程序代码
2011/03/13 Python
Eclipse + Python 的安装与配置流程
2013/03/05 Python
Python的迭代器和生成器
2015/07/29 Python
Python 的描述符 descriptor详解
2016/02/27 Python
python 重定向获取真实url的方法
2018/05/11 Python
Python实现的当前时间多加一天、一小时、一分钟操作示例
2018/05/21 Python
Python基于多线程操作数据库相关问题分析
2018/07/11 Python
Python给图像添加噪声具体操作
2019/03/03 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
简单了解python gevent 协程使用及作用
2019/07/22 Python
python使用pip安装模块出现ReadTimeoutError: HTTPSConnectionPool的解决方法
2019/10/04 Python
浅析使用Python搭建http服务器
2019/10/27 Python
Tensorflow 模型转换 .pb convert to .lite实例
2020/02/12 Python
python os.listdir()乱码解决方案
2021/01/31 Python
德国最大的婴儿用品网上商店:Kidsroom.de(支持中文)
2020/09/02 全球购物
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
2015幼儿园庆元旦活动方案
2014/12/09 职场文书
2015年电工工作总结
2015/04/10 职场文书
如何用JavaScipt测网速
2021/05/09 Javascript