1. 程式人生 > >動態載入js並且判斷是否載入完成!

動態載入js並且判斷是否載入完成!

<script>

function include_js(file) {
    var _doc = document.getElementsByTagName('head')[0];
    var js = document.createElement('script');
    js.setAttribute('type', 'text/javascript');
    js.setAttribute('src', file);
    _doc.appendChild(js);

    if (!/*@[email protected]*/0) { //if not IE
        //Firefox2、Firefox3、Safari3.1+、Opera9.6+ support js.onload
        js.onload = function () {
            alert('Firefox2、Firefox3、Safari3.1+、Opera9.6+ support js.onload');
        }
    } else {
        //IE6、IE7 support js.onreadystatechange
        js.onreadystatechange = function () {
            if (js.readyState == 'loaded' || js.readyState == 'complete') {
                alert('IE6、IE7 support js.onreadystatechange');
            }
        }
    }

    return false;
}


include_js('http://www.planabc.net/wp-includes/js/jquery/jquery.js');

</script>

-------------------------------------------------------------------------------------------------

另一種寫法:

function addScript(jsfile,callback){
    var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script'); script.type= 'text/javascript'; script.src= jsfile; head.appendChild(script);script.onload = script.onreadystatechange = function() { if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete" ) { script.onload
= script.onreadystatechange = null; if(callback&&typeof(callback)== 'function'){ callback();//window[callback]();如果傳遞字串過來 呼叫window['函式名']() 呼叫方法} } }; }

相關推薦

動態載入js並且判斷是否載入完成

<script> function include_js(file) {     var _doc = document.getElementsByTagName('head')[0];     var js = document.createElement

js動態載入js並且判斷載入完成執行回撥函式

這一段js雖然很少,但是足以知道什麼是動態載入js了,像requirejs,seajs其實原理也就是這樣,下面發出自己寫的函式 <span style="font-size:18px;colo

非同步載入js判斷是否載入成功,類似jq的getScript()

 (1) defer,只支援IE  (2) async: (3) 建立script,插入到DOM中 /** * 非同步載入依賴的javascript檔案 * src:script的路徑 * callback:當外部的javascript檔案被l

(一)原生JS實現判斷碰撞的方法

這次為大家例項講述了JS實現判斷碰撞的方法。碰撞的應用場景非常多比如,放煙花、小球碰壁反彈、畫素鳥等,所以我們先要弄清除如何進行碰撞判斷,才能進行以後的操作。 HTML頁面程式碼: <div

js判斷頁面載入是否完成

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style&

簡單知識點例項之二:如何動態生成div框並且同時非同步載入資料

一、動態生成框並且同時ajax非同步請求資料 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <htm

怎樣判斷js指令碼是否載入完,並在載入完後進行操作

在工作過程中,經常會遇到按需載入的需求,即在指令碼載入完成後,返回一個回撥函式,在回撥函式中進行相關操作,那如何去判斷指令碼是否載入完成了呢? 可以對載入的js物件使用onload來判斷,jsDom.onload // ie6、7不支援js.onload方法,使用js.on

JS/JQuery 文件載入完成

1. $(function(){...}); 文件樹載入完執行的方法;(注意:不包括圖片、css、js等檔案); 一個頁面中可以有多個$(function(){...}); 方法; 兩種寫法: //第一種 $(document).ready(function(){

判斷webview載入完成

專案中appbarlayout中包含webview,需求是載入完成後直接跳轉的評論處,頂部懸停; 當沒有webview時,在載入完成後呼叫appbar.setExpanded(false)沒有問題; 當含有webview顯示時,由於webview載入的原因,開始是appbar關閉,載入完成後

三種動態載入js的jquery例項程式碼另附去除js方法

!-- 這裡為你提供了三種動態載入js的jquery例項程式碼哦,由於jquery是為使用者提供方便的,所以利用jquery動態載入檔案只要一句話$.getscript("test.js");就ok了。  <!doctype html public "-//w3c//d

mfc webbrowser判斷網頁載入完成

mfc 的webbrowser是大家使用非常多的一種檢視操作網頁的一種控制元件,在使用中,判斷網頁什麼時候載入完成就顯得非常重要了。下面介紹我採用的一種方法,這種方法可以判斷網頁內部即使有frame網頁也是可以判斷成功。 在對話方塊裡新增一個webbrowser控制元件,在對話方塊的初始化函

網站動態載入JS指令碼

Demo_1 function loadJS(url, fn) { var ss = document.getElementsByName('script'), loaded = false; for (var i = 0, len = ss.length; i &

如何準確判斷 WebView 載入完成

原文 正常情況下我們把處理網頁載入完畢的程式碼放在 - (void)webViewDidFinishLoad:(UIWebView *)webView裡。但 WebViewDidFinishLoad 時網頁真的載入完了嗎? 官方文件並沒有說明 WebViewDidFi

PHP獲取HTML內容及動態渲染js載入內容 (使用querylist)

1.安裝安裝querylistcomposer require jaeger/querylist安裝phantomjscomposer require jaeger/querylist-phantomjs  //PHP版本必須 >=7.0下載對應你電腦系統的Phanto

解決webview多次載入,無法準確判斷頁面載入完成的問題

package com.brian; import android.app.Activity; import android.graphics.Bitmap; import android.graphics.drawable.GradientDrawable.Orienta

判斷 iframe 載入完成 獲取其內容

var oFrm = document.getElementById(id); src=$(id).attr("src"); oFrm.onload = oFrm.onreadystatechange = function () { if (this.readyState &

為了提高效能,如何動態載入JS檔案

超級表格是一款多人協作的線上表格,程式相當複雜,用到十幾個JS檔案。但是有些檔案是在開啟某些型別的表格時才需要載入。例如,只有當開啟甘特圖表格時,才需要載入gantetu.js檔案。那麼問題來了,為了減少js檔案數量和請求,如何在需要時自動載入js檔案呢?辦法如下。//動態載

在html頁面動態載入js檔案

在頁面載入完成後再載入js檔案<script type="text/javascript"> window.onload = function(){ var head = docum

天氣預報(六)動態載入js從而才能訪問不同的城市天氣資料啊

城市的號碼得到了,但是我們需要重新建立一個<script>才能得到該城市的天氣資料,可是script內部又不能重新建立一個新的<script>,如何是好? 百度得到的程式碼修改後如下 var script=new Array(); var head

js動態生成變數(eg:載入js並使用js變數)

 例如可能需要生成 test_1, test_2, test_3... (後面的數字是根據引數來的)。 所以我的函式名 應該由 var name = "test_"+num;   生成函式名  但這問題就來了。 window[name]會解析name的值如果name是個字串