动态加载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 相关文章推荐
常用参考资料(手册)下载或者链接
Jul 22 Javascript
Javascript 学习书 推荐
Jun 13 Javascript
基于jQuery的投票系统显示结果插件
Aug 12 Javascript
浅析JQuery获取和设置Select选项的常用方法总结
Jul 04 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
使用js实现的简单拖拽效果
Mar 18 Javascript
C++中的string类的用法小结
Aug 07 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
ionic 上拉菜单(ActionSheet)实例代码
Jun 06 Javascript
微信小程序 教程之小程序配置
Oct 17 Javascript
jquery 遍历hash操作示例【基于ajax交互】
Oct 12 jQuery
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
May 15 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
全国FM电台频率大全 - 27 陕西省
2020/03/11 无线电
php使用curl并发减少后端访问时间的方法分析
2016/05/12 PHP
PHP中Laravel 关联查询返回错误id的解决方法
2017/04/01 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
Yii 实现数据加密和解密
2021/03/09 PHP
模仿jQuery each函数的链式调用
2009/07/22 Javascript
Javascript的闭包
2009/12/31 Javascript
jQuery实现菜单式图片滑动切换
2015/03/14 Javascript
跟我学习javascript的隐式强制转换
2015/11/16 Javascript
jquery中键盘事件小结
2016/02/24 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
2016/03/08 Javascript
JS面试题---关于算法台阶的问题
2016/07/26 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
2016/08/17 Javascript
JQuery实现DIV其他动画效果的简单实例
2016/09/18 Javascript
Vue2.0表单校验组件vee-validate的使用详解
2017/05/02 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
js+html5实现页面可刷新的倒计时效果
2017/07/15 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
2018/07/23 Javascript
详解Vue源码之数据的代理访问
2018/12/11 Javascript
小程序input数据双向绑定实现方法
2019/10/17 Javascript
Vue 中 a标签上href无法跳转的解决方式
2019/11/12 Javascript
python使用Image处理图片常用技巧分析
2015/06/01 Python
python pandas获取csv指定行 列的操作方法
2019/07/12 Python
Python3 shutil(高级文件操作模块)实例用法总结
2020/02/19 Python
解决Python中导入自己写的类,被划红线,但不影响执行的问题
2020/07/13 Python
python正则表达式re.match()匹配多个字符方法的实现
2021/01/27 Python
详解使用scrapy进行模拟登陆三种方式
2021/02/21 Python
HTML5 source标签:媒介元素定义媒介资源
2018/01/29 HTML / CSS
2014年幼儿园国庆主题活动方案
2014/09/16 职场文书
2014派出所所长群众路线对照检查材料思想汇报
2014/09/18 职场文书
习总书记三严三实学习心得体会
2014/10/13 职场文书
2014年数学教研组工作总结
2014/12/06 职场文书
小学二年级班主任工作经验交流材料
2015/11/02 职场文书
Mac环境Nginx配置和访问本地静态资源的实现
2021/03/31 Servers
详解MySQL InnoDB存储引擎的内存管理
2021/04/08 MySQL
php双向队列实例讲解
2021/11/17 PHP