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

javascript實現(xiàn)動態(tài)導(dǎo)入js與css等靜態(tài)資源文件的方法

 更新時間:2015年07月25日 18:06:19   作者:anttribe  
這篇文章主要介紹了javascript實現(xiàn)動態(tài)導(dǎo)入js與css等靜態(tài)資源文件的方法,基于回調(diào)函數(shù)實現(xiàn)該功能,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了javascript實現(xiàn)動態(tài)導(dǎo)入js與css等靜態(tài)資源文件的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:

/**
 * 動態(tài)導(dǎo)入靜態(tài)資源文件js/css
 */
var $import = function(){
  return function(rId, res, callback){
    if(res && 'string' == typeof res){
      if(rId){
        if($($('#' + rId), $('head')).length>0){
          return;
        }
      }
      //加載資源文件
      var sType = res.substring(res.lastIndexOf('.') + 1);
      // 支持js/css
      if(sType && ('js' == sType || 'css' == sType)){
        var isScript = (sType == 'js');
        var tag = isScript ? 'script' : 'link';
        var head = document.getElementsByTagName('head')[0];
        // 創(chuàng)建節(jié)點
        var linkScript = document.createElement(tag);
        linkScript.type = isScript ? 'text/javascript' : 'text/css';
        linkScript.charset = 'UTF-8';
        if(!isScript){
          linkScript.rel = 'stylesheet';
        }
        isScript ? linkScript.src = res : linkScript.href = res;
        if(callback && 'function' == typeof callback){
          if (linkScript.addEventListener){
            linkScript.addEventListener('load', function(){
              callback.call();
            }, false);
          } else if (linkScript.attachEvent) {
            linkScript.attachEvent('onreadystatechange', function(){
              var target = window.event.srcElement;
              if (target.readyState == 'complete') {
                callback.call();
              }
            });
          }
        }
        head.appendChild(linkScript);
      }
    }
  };
}();

希望本文所述對大家的javascript程序設(shè)計有所幫助。

相關(guān)文章

  • touch.js 拖動、縮放、旋轉(zhuǎn) (鼠標手勢)功能代碼

    touch.js 拖動、縮放、旋轉(zhuǎn) (鼠標手勢)功能代碼

    這篇文章主要介紹了touch.js 拖動、縮放、旋轉(zhuǎn) (鼠標手勢)功能,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2017-02-02
  • JavaScript設(shè)計模式之策略模式實現(xiàn)原理詳解

    JavaScript設(shè)計模式之策略模式實現(xiàn)原理詳解

    這篇文章主要介紹了JavaScript設(shè)計模式之策略模式實現(xiàn)原理詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-05-05
  • Javascript合并表格中具有相同內(nèi)容單元格示例

    Javascript合并表格中具有相同內(nèi)容單元格示例

    表格相同內(nèi)容單元格的合并在以前也有過類似的教程,本文為大家講解的是使用Javascript合并,具體示例及效果圖如下,感興趣的朋友可以參考下
    2013-08-08
  • 使用JS獲取SessionStorage的值

    使用JS獲取SessionStorage的值

    這篇文章給大家介紹了使用js獲取sessionstorage中的值,首先獲取它是為了將獲得的信息輸出或者alert(),其次,在靜態(tài)頁面中,如果使用sessionStorage就相當(dāng)于在動態(tài)頁面里連接了數(shù)據(jù)庫一樣,具體內(nèi)容詳情大家參考下本文
    2018-01-01
  • 小程序animate動畫實現(xiàn)直播間點贊

    小程序animate動畫實現(xiàn)直播間點贊

    這篇文章主要為大家詳細介紹了小程序animate動畫實現(xiàn)直播間點贊,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • js html5 css俄羅斯方塊游戲再現(xiàn)

    js html5 css俄羅斯方塊游戲再現(xiàn)

    這篇文章主要為大家詳細介紹了js html5 css俄羅斯方塊游戲?qū)崿F(xiàn)代碼,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • JavaScript prototype 使用介紹

    JavaScript prototype 使用介紹

    用過JavaScript的同學(xué)們肯定都對prototype如雷貫耳,但是這究竟是個什么東西卻讓初學(xué)者莫衷一是,只知道函數(shù)都會有一個prototype屬性,可以為其添加函數(shù)供實例訪問,其它的就不清楚了,最近看了一些 JavaScript高級程序設(shè)計,終于揭開了其神秘面紗
    2013-08-08
  • 瘋掉了,盡然有js寫的操作系統(tǒng)

    瘋掉了,盡然有js寫的操作系統(tǒng)

    瘋掉了,盡然有js寫的操作系統(tǒng)...
    2007-04-04
  • 如何利用JavaScript實現(xiàn)二叉搜索樹

    如何利用JavaScript實現(xiàn)二叉搜索樹

    這篇文章主要給大家介紹了關(guān)于如何利用JavaScript實現(xiàn)二叉搜索樹的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04
  • layui 優(yōu)化button按鈕和彈出框的方法

    layui 優(yōu)化button按鈕和彈出框的方法

    今天小編就為大家分享一篇layui 優(yōu)化button按鈕和彈出框的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08

最新評論