欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

動態(tài)加載js和css(外部文件)

 更新時間:2013年04月17日 11:35:32   作者:  
本文詳細介紹下,如何動態(tài)加載外部js文件及js;動態(tài)加載外部css樣式及css樣式,感興趣的朋友可以參考下哈,希望對你學(xué)習(xí)js有所幫助
復(fù)制代碼 代碼如下:

// 動態(tài)加載外部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 );
};
// 動態(tài)加載js
if( flag ){
var script = document.createElement( "script" );
script.type = "text/javascript";
script.text = " ";
document.getElementsByTagName( "head" )[0].appendChild( script );
};
// 動態(tài)加載外部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 );
};
// 動態(tài)加載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 )
}
}

相關(guān)文章

  • Javascript動畫效果(1)

    Javascript動畫效果(1)

    這篇文章主要為大家詳細介紹了第一篇Javascript動畫效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • JavaScript中import用法總結(jié)

    JavaScript中import用法總結(jié)

    在本篇文章里小編給大家分享了關(guān)于JavaScript中import用法知識點,有需要的朋友們可以學(xué)習(xí)下。
    2019-01-01
  • JavaScript搜索字符串并將搜索結(jié)果返回到字符串的方法

    JavaScript搜索字符串并將搜索結(jié)果返回到字符串的方法

    這篇文章主要介紹了JavaScript搜索字符串并將搜索結(jié)果返回到字符串的方法,涉及javascript中match方法操作字符串的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-04-04
  • 基于JavaScript實現(xiàn)文字超出部分隱藏

    基于JavaScript實現(xiàn)文字超出部分隱藏

    這篇文章主要介紹了基于JavaScript實現(xiàn)文字超出部分隱藏 的相關(guān)資料,需要的朋友可以參考下
    2016-02-02
  • ECharts多圖表聯(lián)動功能的實現(xiàn)過程

    ECharts多圖表聯(lián)動功能的實現(xiàn)過程

    echarts是非常好用的圖表插件,下面這篇文章主要給大家介紹了關(guān)于ECharts多圖表聯(lián)動功能的相關(guān)資料,需要的朋友可以參考下
    2021-06-06
  • 詳解Javascript中的原型OOP

    詳解Javascript中的原型OOP

    相信現(xiàn)在的很多程序員或多或少的都會寫JS,大部分也知道JS是基于原型的語言,但是如果問及JS原生對象(Object,Function,Array,Date等)的這個原型鏈長什么樣子?估計能回答出來的人就少了,所以這篇文章就給大家詳細介紹下,有需要的可以參考借鑒。
    2016-10-10
  • 開源的javascript項目Kissy介紹

    開源的javascript項目Kissy介紹

    本文向大家介紹了開源的javascript項目Kissy,是taobao UED小組推的一款js框架,我們來簡單研究下,為什么taobao這么推崇他呢。
    2014-11-11
  • JavaScript find()方法及返回數(shù)據(jù)實例

    JavaScript find()方法及返回數(shù)據(jù)實例

    這篇文章主要介紹了JavaScript中的find()方法和返回數(shù)據(jù)的內(nèi)存指向,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-04-04
  • 細說JS數(shù)組遍歷的一些細節(jié)及實現(xiàn)

    細說JS數(shù)組遍歷的一些細節(jié)及實現(xiàn)

    本文主要介紹了細說JS數(shù)組遍歷的一些細節(jié)及實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-05-05
  • Bootstrap3 模態(tài)框使用實例

    Bootstrap3 模態(tài)框使用實例

    這篇文章主要介紹了Bootstrap3 模態(tài)框的使用實例,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2017-02-02

最新評論