extjs4動態載入css文件的簡單介紹

本文目錄一覽：

• 1、ExtJS4.2怎麼引用js和css文件？
• 2、extjs中怎樣引用css
• 3、如何實現JavaScript動態載入CSS和JS文件
• 4、extjs4.0要導入那些CSS+JS文件？

ExtJS4.2怎麼引用js和css文件？

script type=”text/javascript” src/js/override.js”/script 少一個type,而且你的引用順序錯了，先是ext-all 然後再是ext

extjs中怎樣引用css

有很多方法哦，在主頁面先導入css文件，然後在組件裡面的cls屬性你可以用你自己的css類，組件還有style，bodyStyle可以加上你自己的css樣式

如何實現JavaScript動態載入CSS和JS文件

動態載入外部css樣式及css樣式，參考代碼如下：

// 動態載入外部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 )

}

}

extjs4.0要導入那些CSS+JS文件？

extjs4.0需要的引用的文件：link rel=”stylesheet” type=”text/css” href=”ext/resources/css/ext-all.css”

script type=”text/javascript” src=”ext/bootstrap.js”/script

script type=”text/javascript” src=”ext/ext-all.js”/script

script type=”text/javascript” src=”ext/locale/ext-lang-zh_CN.js”/script

其中 ext-base.js 被bootstrap.js代替。

不要隨意調整各文件的順序，特別是ext-base.js必須在ext-all.js文件之前(extjs 4.0中不知道還需要注意不)