en

designoir

loadScript

loadScript.js

/**
 * function loadScript
 * Copyright (C) 2006-2007 Dao Gottwald
 *
 * This library is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation; either
 * version 2.1 of the License, or (at your option) any later version.
 *
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this library; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 *
 * Contact information:
 *   Dao Gottwald  <dao at design-noir.de>
 *
 * @version  1.6
 * @url      http://design-noir.de/webdev/JS/loadScript/
 */

function loadScript(url, callback) {
	var f = arguments.callee;
	if (!("queue" in f))
		f.queue = {};
	var queue =  f.queue;
	if (url in queue) { // script is already in the document
		if (callback) {
			if (queue[url]) // still loading
				queue[url].push(callback);
			else // loaded
				callback();
		}
		return;
	}
	queue[url] = callback ? [callback] : [];
	var script = document.createElement("script");
	script.type = "text/javascript";
	script.onload = script.onreadystatechange = function() {
		if (script.readyState && script.readyState != "loaded" && script.readyState != "complete")
			return;
		script.onreadystatechange = script.onload = null;
		while (queue[url].length)
			queue[url].shift()();
		queue[url] = null;
	};
	script.src = url;
	document.getElementsByTagName("head")[0].appendChild(script);
}

Beispiel #1: google-analytics.js

// prevent google analytics from slowing down page loading
whenDOMReady(function () {
    loadScript("http://www.google-analytics.com/ga.js", function () {
        _gat._getTracker("UA-xxxxxx-x")._trackPageview();
    });
});

Kommentare

  1. Pete meinte am 16. November ’06, 18:57 Uhr ():
    Hallo!

    Etwas aehnliches ist moeglich mit ajax.

    Du kannst via JS auch .js oder andere beliebige Dateien empfangen, und diese dann mittels eval() ausfuehren lassen. Nennt sich on demand javascript (ein pattern.. :)

    lg Pete
  2. kon meinte am 30. November ’06, 14:22 Uhr ():
    Das tolle an dieser loadscript Funktion ist doch eben, dass es kein ajax verwendet!
  3. Fabian meinte am 3. November ’08, 12:07 Uhr ():
    Für die neuen GA-Code, funktioniert folgendes:
    whenDOMReady(function () {
        loadScript("http://www.google-analytics.com/ga.js", function () {
            var pageTracker = _gat._getTracker("UA-xxxxxx-x");
            pageTracker._trackPageview();
        });
    });
  4. Melvin meinte am 10. Juli ’09, 12:46 Uhr ():
    Hi!

    Kannst Du mir sagen wie ich das mit 2 externen JS-Skripten implementieren kann? Es geht auch darum, dass ich ein Banner von einem externen Anbieter erst dann einbinden bzw. laden möchte, wenn der Rest der Seite bereits aufgebaut worden ist.

    Normalerweise bin ich das Banner über normale script-tags ein:

    <script type=„text/javascript“ src=„http://sub.anbieter.com/js/script1.js“></script>

    <script type=„text/javascript“ src=„http://sub.sub.anbieter.com/js?wp_id=INTEGERID“></script>
  5. francis meinte am 28. Juli ’10, 05:58 Uhr ():
    Hallo!

    Etwas aehnliches ist moeglich mit ajax.

    Du kannst via JS auch .js oder andere beliebige Dateien empfangen, und diese dann mittels eval() ausfuehren lassen. Nennt sich on demand javascript (ein pattern.. :)

    lg Pete

HTML wird nicht interpretiert.

Geändert am 28. Juli ’06 Dão G., 2005–2012
aggressiv akt andromeda bar beine blue efeu frontal fugaetu industriell komet land noir rost rot sonnenblume splash split winter wolke zeit