使用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 相关文章推荐
jquery $.trim()方法使用介绍
May 21 Javascript
JavaScript按值删除数组元素的方法
Apr 24 Javascript
angular基于路由控制ui-router实现系统权限控制
Sep 27 Javascript
快速入门Vue
Dec 19 Javascript
Ajax验证用户名或昵称是否已被注册
Apr 05 Javascript
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
Sep 14 Javascript
Vue中之nextTick函数源码分析详解
Oct 17 Javascript
Vuex入门到上手教程
Jun 20 Javascript
jsonp跨域及实现百度首页联想功能的方法
Aug 30 Javascript
从vue源码看props的用法
Jan 09 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
Jan 14 Javascript
Vue实现剪贴板复制功能
Dec 31 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将会员数据导入到ucenter的代码
2010/07/18 PHP
php实例分享之通过递归实现删除目录下的所有文件详解
2014/05/15 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
PHP7 其他语言层面的修改
2021/03/09 PHP
jQuery 使用手册(七)
2009/09/23 Javascript
JS代码放在head和body中的区别分析
2011/12/01 Javascript
jquery 插件学习(四)
2012/08/06 Javascript
js为数字添加逗号并格式化数字的代码
2013/08/23 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
2013/11/20 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
jQuery+formdata实现上传进度特效遇到的问题
2016/02/24 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
2016/10/24 Javascript
H5移动端图片压缩上传开发流程
2016/11/09 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
2016/12/01 Javascript
JS出现失效的情况总结
2017/01/20 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
2017/03/30 jQuery
详解ECMAScript6入门--Class对象
2017/04/27 Javascript
JavaScript字符串_动力节点Java学院整理
2017/06/27 Javascript
jQuery实现动态给table赋值的方法示例
2017/07/04 jQuery
vue 标签属性数据绑定和拼接的实现方法
2018/05/17 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
vue 路由子组件created和mounted不起作用的解决方法
2019/11/05 Javascript
区分vue-router的hash和history模式
2020/10/03 Javascript
vue实现列表拖拽排序的功能
2020/11/02 Javascript
python多线程http下载实现示例
2013/12/30 Python
python批量同步web服务器代码核心程序
2014/09/01 Python
python 给DataFrame增加index行名和columns列名的实现方法
2018/06/08 Python
Python中dict和set的用法讲解
2019/03/28 Python
django 单表操作实例详解
2019/07/30 Python
python Kmeans算法原理深入解析
2019/08/23 Python
python sorted方法和列表使用解析
2019/11/18 Python
浅析canvas元素的html尺寸和css尺寸对元素视觉的影响
2019/07/22 HTML / CSS
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
深入开展党的群众路线教育实践活动方案
2014/02/04 职场文书
地球一小时活动总结
2015/02/27 职场文书