ホームページ > ウェブフロントエンド > jsチュートリアル > jsとcss(外部ファイル)を動的に読み込む_javascriptスキル

jsとcss(外部ファイル)を動的に読み込む_javascriptスキル

WBOY
リリース: 2016-05-16 17:36:48
オリジナル
866 人が閲覧しました
コードをコピー コードは次のとおりです:

// 外部 js ファイルを動的にロードします
var フラグ= true;
if( flag ){
loadScript( "js/index.js" )
}; 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"; text = " ";
document.getElementsByTagName( "head" )[0].appendChild( script );
};
if( flag ); >loadCss( "css/base.css" );
function loadCss( url ){
var link = document.createElement( "link" ); /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 );
varsheet = document.styleSheets[0]
insertRules(sheet,"#gaga1","background:#f00",0 ); 🎜>} ;
function insertRules(sheet,selectorTxt,cssTxt,position){
if(sheet.insertRule ){ // IE 以外のブラウザを決定します
sheet.insertRule( selectorTxt "{" cssTxt "} " 、位置 ;
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート