Supposons que vous alliez faire une inclusion sur tout un tas de pages, et à l'intérieur de cette inclusion, vous vouliez faire des choses spécifiques à jQuery. Cette page peut ou non déjà avoir jQuery chargé. Si c'est déjà le cas, vous ne voulez pas le charger à nouveau, mais sinon, vous le faites. Cela fonctionne pour ça.
Manière asynchrone intelligente
// Only do anything if jQuery isn't defined if (typeof jQuery == 'undefined') ( if (typeof $ == 'function') ( // warning, global var thisPageUsingOtherJSLibrary = true; ) function getScript(url, success) ( var script = document.createElement('script'); script.src = url; var head = document.getElementsByTagName('head')(0), done = false; // Attach handlers for all browsers script.onload = script.onreadystatechange = function() ( if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) ( done = true; // callback function provided as param success(); script.onload = script.onreadystatechange = null; head.removeChild(script); ); ); head.appendChild(script); ); getScript('http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js', function() ( if (typeof jQuery=='undefined') ( // Super failsafe - still somehow failed… ) else ( // jQuery loaded! Make sure to use .noConflict just in case fancyCode(); if (thisPageUsingOtherJSLibrary) ( // Run your jQuery Code ) else ( // Use .noConflict(), then run your jQuery Code ) ) )); ) else ( // jQuery was already loaded // Run your jQuery Code );Remarquez qu'il existe plusieurs endroits où le code jQuery que vous avez l'intention d'exécuter est appelé. Ne vous répétez pas là-bas, mettez-le dans une fonction que vous pouvez appeler pour lancer les choses.
Ce code a été adapté d'ici.
Document.write manière
Les enfants branchés n'utilisent pas document.write, mais si vous êtes trop vieux pour vous en soucier:
var jQueryScriptOutputted = false; function initJQuery() ( //if the jQuery object isn't available if (typeof(jQuery) == 'undefined') ( if (! jQueryScriptOutputted) ( //only output the script once… jQueryScriptOutputted = true; //output the script (load it from google api) document.write(""); ) setTimeout("initJQuery()", 50); ) else ( $(function() ( // do anything that needs to be done on document.ready // don't really need this dom ready thing if used in footer )); ) ) initJQuery();