动态加载js和css(外部文件)
2018-10-12 13:58
561 查看
// 动态加载外部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 )
}
}
您可能感兴趣的文章:
相关文章推荐
- 动态加载外部css或js文件
- 动态加载外部CSS与JS文件
- 动态加载外部css或js文件
- 动态加载js和css(外部文件)
- 使用javascript动态加载外部css或js文件
- jquery动态加载js/css文件方法
- 动态加载JS(css)文件
- 动态加载js、css等文件跨iframe实现
- 使用jquery动态加载js,css文件
- Sencha实现国际化,JS动态加载js、css文件
- 使用javaScript动态加载Js文件和Css文件
- Web动态加载JS外部文件(script标签)
- jquery动态加载js/css文件方法
- 如何实现JavaScript动态加载CSS和JS文件
- 使用js加载器动态加载外部Javascript文件
- Asp.Net头部动态加载css和js文件的方法
- js实用方法记录-js动态加载css、js脚本文件
- 用javascript动态加载不同css/js文件
- 动态加载、移除、替换js/css文件
- Android Webview 加载外部html时选择加载本地的js,css等资源文件