亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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

    Javascript動(dòng)畫效果(1)

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

    JavaScript中import用法總結(jié)

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

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

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

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

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

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

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

    詳解Javascript中的原型OOP

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

    開源的javascript項(xiàng)目Kissy介紹

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

    JavaScript find()方法及返回?cái)?shù)據(jù)實(shí)例

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

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

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

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

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

最新評(píng)論