使用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 相关文章推荐
滚动经典最新话题[prototype框架]下编写
Oct 03 Javascript
js整数字符串转换为金额类型数据(示例代码)
Dec 26 Javascript
checkbox勾选判断代码分析
Jun 11 Javascript
ECMAScript6块级作用域及新变量声明(let)
Jun 12 Javascript
js实现分割上传大文件
Mar 09 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
Jul 14 Javascript
基于Phantomjs生成PDF的实现方法
Nov 07 Javascript
input框中的name和id的区别
Nov 16 Javascript
webpack4.x开发环境配置详解
Aug 04 Javascript
bootstrap动态调用select下拉框的实例代码
Aug 09 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
Sep 07 Javascript
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
Mar 31 jQuery
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笔记之:php函数range() round()和list()的使用说明
2013/04/26 PHP
PHP文件与目录操作示例
2016/12/24 PHP
Laravel网站打开速度优化的方法汇总
2017/07/16 PHP
javascript 解决表单仍然提交即使监听处理函数返回false
2010/03/14 Javascript
jQuery1.6 正式版发布并提供下载
2011/05/05 Javascript
JQuery 图片的展开和伸缩实例讲解
2013/04/18 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
jQuery动态修改超链接地址的方法
2015/02/13 Javascript
jQuery DOM插入节点操作指南
2015/03/03 Javascript
JavaScript在网页中画圆的函数arc使用方法
2015/11/13 Javascript
vue-router跳转页面的方法
2017/02/09 Javascript
浅谈原生JS实现jQuery的animate()动画示例
2017/03/08 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
2017/03/30 Javascript
解决JS外部文件中文注释出现乱码问题
2017/07/09 Javascript
react项目实践之webpack-dev-serve
2018/09/14 Javascript
vue实现数字动态翻牌的效果(开箱即用)
2019/12/08 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
Django应用程序中如何发送电子邮件详解
2017/02/04 Python
python实现简易云音乐播放器
2018/01/04 Python
pytorch + visdom CNN处理自建图片数据集的方法
2018/06/04 Python
用python生成1000个txt文件的方法
2018/10/25 Python
Python正则表达式匹配和提取IP地址
2019/06/06 Python
python实现随机漫步方法和原理
2019/06/10 Python
对PyQt5中树结构的实现方法详解
2019/06/17 Python
详解Django配置JWT认证方式
2020/05/09 Python
python 实时调取摄像头的示例代码
2020/11/25 Python
韩国女装NO.1网店:STYLENANDA
2016/09/16 全球购物
Skyscanner英国:苏格兰的全球三大领先航班搜索服务之一
2017/11/09 全球购物
工商学院毕业生自荐信
2013/11/12 职场文书
联谊活动策划书
2014/01/26 职场文书
煤矿安全生产月活动总结
2014/07/05 职场文书
环境保护与污染治理求职信
2014/07/16 职场文书
教书育人演讲稿
2014/09/11 职场文书
vue route新窗口跳转页面并且携带与接收参数
2022/04/10 Vue.js
golang的文件创建及读写操作
2022/04/14 Golang