动态加载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 自动填写表单的实现方法
Apr 09 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
Jun 24 Javascript
javascript判断网页是关闭还是刷新
Sep 12 Javascript
jQuery实现的Tab滑动选项卡及图片切换(多种效果)小结
Sep 14 Javascript
js拖拽的原型声明和用法总结
Apr 04 Javascript
BootStrap中Tab页签切换实例代码
May 30 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
Aug 19 Javascript
JS简单设置下拉选择框默认值的方法
Aug 20 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
jQuery网页定位导航特效实现方法
Dec 19 Javascript
javascript过滤数组重复元素的实现方法
May 03 Javascript
vue项目实现记住密码到cookie功能示例(附源码)
Jan 31 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
DC《小丑》11项提名领跑奥斯卡 Netflix成第92届奥斯卡提名最大赢家
2020/04/09 欧美动漫
php中取得URL的根域名的代码
2011/03/23 PHP
php实现递归与无限分类的方法
2015/02/16 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
php自定义中文字符串截取函数substr_for_gb2312及substr_for_utf8示例
2016/05/28 PHP
Yii2使用自带的UploadedFile实现的文件上传
2016/06/20 PHP
laravel ORM关联关系中的 with和whereHas用法
2019/10/16 PHP
JavaScript制作的可折叠弹出式菜单示例
2014/04/04 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
2014/11/16 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
JavaScript File分段上传
2016/03/10 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
超实用的javascript时间处理总结
2016/08/16 Javascript
js正则表达式验证表单【完整版】
2017/03/06 Javascript
js实现返回顶部效果
2017/03/10 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
你应该知道的几类npm依赖包管理详解
2017/10/06 Javascript
js自定义trim函数实现删除两端空格功能
2018/02/09 Javascript
vue+element-ui+axios实现图片上传
2019/08/20 Javascript
原生js实现表格循环滚动
2020/11/24 Javascript
python del()函数用法
2013/03/24 Python
深入Python函数编程的一些特性
2015/04/13 Python
python+pyqt实现12306图片验证效果
2017/10/25 Python
python机器学习之神经网络(二)
2017/12/20 Python
python如何派生内置不可变类型并修改实例化行为
2018/03/21 Python
Django-Model数据库操作(增删改查、连表结构)详解
2019/07/17 Python
Python爬虫:将headers请求头字符串转为字典的方法
2019/08/21 Python
Python 3 使用Pillow生成漂亮的分形树图片
2019/12/24 Python
Android Q之气泡弹窗的实现示例
2020/06/23 Python
关于box-sizing的全面理解
2016/07/28 HTML / CSS
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
行政求职信
2014/07/04 职场文书
乡镇党建工作汇报材料
2014/10/27 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书
营运督导岗位职责
2015/04/10 职场文书
七年级生物教学反思
2016/02/20 职场文书