使用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小技巧
Mar 01 Javascript
javascript最常用与实用的创建类的代码
Aug 12 Javascript
基于jquery实现点击左右按钮图片横向滚动
Apr 11 Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
Mar 18 Javascript
微信小程序开发之好友列表字母列表跳转对应位置
Sep 26 Javascript
Node.js命令行/批处理中如何更改Linux用户密码浅析
Jul 22 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
Oct 26 Javascript
vue的三种图片引入方式代码实例
Nov 19 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
Jun 16 Javascript
详解JSON.parse和JSON.stringify用法
Feb 18 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面向对象全攻略 (十六) 对象的串行化
2009/09/30 PHP
thinkphp视图模型查询提示ERR: 1146:Table 'db.pr_order_view' doesn't exist的解决方法
2014/10/30 PHP
php实现二进制和文本相互转换的方法
2015/04/18 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
微信公众平台开发教程⑤ 微信扫码支付模式介绍
2019/04/10 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
javascript 写类方式之八
2009/07/05 Javascript
Javascript new关键字的玄机 以及其它
2010/08/25 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
2013/08/12 Javascript
使用AmplifyJS组件配合JavaScript进行编程的指南
2015/07/28 Javascript
javascript中对Date类型的常用操作小结
2016/05/19 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
2016/07/01 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
2019/05/31 Javascript
webpack.DefinePlugin与cross-env区别详解
2020/02/23 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
2020/08/19 Javascript
通过实例解析js可枚举属性与不可枚举属性
2020/12/02 Javascript
[03:58]兄弟们,回来开黑了!DOTA2昔日战友招募宣传视频
2016/07/17 DOTA
python检测文件夹变化,并拷贝有更新的文件到对应目录的方法
2018/10/17 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
python+mysql实现教务管理系统
2019/02/20 Python
对python 中class与变量的使用方法详解
2019/06/26 Python
Python 从subprocess运行的子进程中实时获取输出的例子
2019/08/14 Python
Python基础之变量基本用法与进阶详解
2020/01/03 Python
调整Jupyter notebook的启动目录操作
2020/04/10 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
python pygame 愤怒的小鸟游戏示例代码
2021/02/25 Python
美国棒球装备和用品商店:Baseball Savings
2018/06/09 全球购物
图库照片、免版税图片、矢量艺术、视频片段:Depositphotos
2019/08/02 全球购物
期终自我鉴定
2014/02/17 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
学校欢迎标语
2014/06/18 职场文书
电焊工岗位工作职责
2014/07/09 职场文书
2015年化验员工作总结
2015/04/10 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS