de

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);
}

Example #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();
    });
});

Comments

  1. Pete wrote on November 16, 2006 05:57 PM GMT ():
    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 wrote on November 30, 2006 01:22 PM GMT ():
    Das tolle an dieser loadscript Funktion ist doch eben, dass es kein ajax verwendet!
  3. Fabian wrote on November 3, 2008 11:07 AM GMT ():
    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 wrote on July 10, 2009 11:46 AM BST ():
    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 wrote on July 28, 2010 04:58 AM BST ():
    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

Comments are closed.

Last changed on July 27, 2006 Kontakt
aggressiv akt andromeda bar beine blue efeu frontal fugaetu industriell komet land noir rost rot sonnenblume splash split winter wolke zeit