动态加载js和css(外部文件)


Posted in Javascript onApril 17, 2013
// 动态加载外部js文件 
var flag = true; 
if( flag ){ 
loadScript( "js/index.js" ); 
}; 
function loadScript( url ){ 
var script = document.createElement( "script" ); 
script.type = "type/javascipt"; 
script.src = url; 
document.getElementsByTagName( "head" )[0].appendChild( script ); 
}; 
// 动态加载js 
if( flag ){ 
var script = document.createElement( "script" ); 
script.type = "text/javascript"; 
script.text = " "; 
document.getElementsByTagName( "head" )[0].appendChild( script ); 
}; 
// 动态加载外部css样式 
if( flag ){ 
loadCss( "css/base.css" ); 
}; 
function loadCss( url ){ 
var link = document.createElement( "link" ); 
link.type = "text/css"; 
link.rel = "stylesheet"; 
link.href = url; 
document.getElementsByTagName( "head" )[0].appendChild( link ); 
}; 
// 动态加载css样式 
if( flag ){ 
var style = document.createElement( "style" ); 
style.type = "text/css"; 
document.getElementsByTagName( "head" )[0].appendChild( style ); 
var sheet = document.styleSheets[0]; 
insertRules( sheet,"#gaga1","background:#f00",0 ); 
}; 
function insertRules( sheet,selectorTxt,cssTxt,position ){ 
if( sheet.insertRule ){ // 判断非IE浏览器 
sheet.insertRule( selectorTxt + "{" + cssTxt +"}" ,position ); 
}else if( sheet.addRule ){ //判断是否是IE浏览器 
sheet.addRule( selectorTxt ,cssTxt ,position ) 
} 
}
Javascript 相关文章推荐
javascript 浏览器检测代码精简版
Mar 04 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
Apr 08 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
javascript基础之查找元素的详细介绍(访问节点)
Jul 05 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
Jan 22 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
通过jsonp获取json数据实现AJAX跨域请求
Jan 22 Javascript
jquery实现拖动效果(代码分享)
Jan 25 Javascript
javascript实现复选框全选或反选
Feb 04 Javascript
vue实现下拉加载其实没那么复杂
Aug 13 Javascript
全面解析JavaScript Module模式
Jul 24 Javascript
node.js通过url读取文件
Oct 16 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
Apr 17 #Javascript
从数据结构分析看:用for each...in 比 for...in 要快些
Apr 17 #Javascript
关于eval 与new Function 到底该选哪个?
Apr 17 #Javascript
js实现在页面上弹出蒙板技巧简单实用
Apr 16 #Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
Apr 16 #Javascript
拖动table标题实现改变td的大小(css+js代码)
Apr 16 #Javascript
获取offsetTop和offsetLeft值的js代码(兼容)
Apr 16 #Javascript
You might like
一步一步学习PHP(5) 类和对象
2010/02/16 PHP
php 文件上传后缀名与文件类型对照表(几乎涵盖所有文件)
2010/05/16 PHP
PHP实现多条件查询实例代码
2010/07/17 PHP
推荐几个开源的微信开发项目
2014/12/28 PHP
Zend Framework实现多文件上传功能实例
2016/03/21 PHP
获取DOM对象的几种扩展及简写
2006/10/09 Javascript
javascript 播放器 控制
2007/01/22 Javascript
jQuery计算textarea中文字数(剩余个数)的小程序
2013/11/28 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
js正则表达式中test,exec,match方法的区别说明
2014/01/29 Javascript
Javascript中call和apply函数的比较和使用实例
2015/02/03 Javascript
jQuery控制li上下循环滚动插件用法实例(附demo源码下载)
2016/05/28 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
详解jquery validate实现表单验证 (正则表达式)
2017/01/18 Javascript
原生JS实现左右箭头选择日期实例代码
2017/03/14 Javascript
JavaScript简介_动力节点Java学院整理
2017/06/26 Javascript
vue中axios处理http发送请求的示例(Post和get)
2017/10/13 Javascript
原生js实现移动端触摸轮播的示例代码
2017/12/22 Javascript
vuejs router history 配置到iis的方法
2018/09/20 Javascript
python时间整形转标准格式的示例分享
2014/02/14 Python
python使用pil生成缩略图的方法
2015/03/26 Python
对于Python的框架中一些会话程序的管理
2015/04/20 Python
安装Python的教程-Windows
2017/07/22 Python
python 爬虫一键爬取 淘宝天猫宝贝页面主图颜色图和详情图的教程
2018/05/22 Python
python如何实现视频转代码视频
2019/06/17 Python
10个Python面试常问的问题(小结)
2019/11/20 Python
Python实现病毒仿真器的方法示例(附demo)
2020/02/19 Python
python接入支付宝的实例操作
2020/07/20 Python
python GUI计算器的实现
2020/10/09 Python
丹麦优惠购物网站:PLUSSHOP
2019/03/24 全球购物
中国梦主题教育活动总结
2014/05/05 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
辞职信标准格式
2015/02/27 职场文书
关于环保的宣传稿
2015/07/23 职场文书
老人院义工活动感想
2015/08/07 职场文书
Django使用redis配置缓存的方法
2021/06/01 Redis