动态加载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 相关文章推荐
硬盘浏览程序,保存成网页格式便可使用
Dec 03 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
Sep 25 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
Apr 07 Javascript
js实现拖拽效果(构造函数)
Dec 14 Javascript
JavaScript小技巧整理
Dec 30 Javascript
Bootstrap Table使用整理(四)之工具栏
Jun 09 Javascript
js实现鼠标拖拽多选功能示例
Aug 01 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
Sep 18 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
Dec 11 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
Dec 09 Javascript
vue使用map代替Aarry数组循环遍历的方法
Apr 30 Javascript
实现vuex原理的示例
Oct 21 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实现时间轴函数代码
2011/10/08 PHP
PHP图像处理之imagecreate、imagedestroy函数介绍
2014/11/19 PHP
PHP中防止SQL注入方法详解
2014/12/25 PHP
PHP SPL标准库中的常用函数介绍
2015/05/11 PHP
PHP入门教程之表单与验证实例详解
2016/09/11 PHP
PHP中的浅复制与深复制的实例详解
2017/10/26 PHP
php实现微信企业转账功能
2018/10/02 PHP
JS验证邮箱格式是否正确的代码
2013/12/05 Javascript
JavaScript作用域与作用域链深入解析
2013/12/06 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
2014/11/17 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
2015/08/31 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
jQuery html表格排序插件tablesorter使用方法详解
2017/02/10 Javascript
vue获取input输入值的问题解决办法
2017/10/17 Javascript
利用Javascript实现一套自定义事件机制
2017/12/14 Javascript
JavaScript反射与依赖注入实例详解
2018/05/29 Javascript
vue全局使用axios的方法实例详解
2018/11/22 Javascript
vue中组件通信的八种方式(值得收藏!)
2019/08/09 Javascript
ES6之Proxy的get方法详解
2019/10/11 Javascript
Vue实现星级评价效果实例详解
2019/12/30 Javascript
vue video和vue-video-player实现视频铺满教程
2020/10/30 Javascript
javascript实现简单页面倒计时
2021/03/02 Javascript
Python 自动补全(vim)
2014/11/30 Python
使用Python的Django框架实现事务交易管理的教程
2015/04/20 Python
Python之inspect模块实现获取加载模块路径的方法
2018/10/16 Python
[原创]Python入门教程1. 基本运算【四则运算、变量、math模块等】
2018/10/28 Python
python 产生token及token验证的方法
2018/12/26 Python
Python+OpenCV图片局部区域像素值处理改进版详解
2019/01/23 Python
python中绕过反爬虫的方法总结
2020/11/25 Python
Python 实现PS滤镜的旋涡特效
2020/12/03 Python
html5调用app分享功能示例(WebViewJavascriptBridge)
2018/03/21 HTML / CSS
局部内部类是否可以访问非final变量?
2013/04/20 面试题
2014年企业团支部工作总结
2014/12/10 职场文书
毕业论文致谢信
2015/05/14 职场文书
电力企业职工培训心得体会
2016/01/11 职场文书
《堡垒之夜》联动《刺客信条》 4月7日正式上线
2022/04/06 其他游戏