この記事では、JSがコールバック関数をすぐに動的に挿入および実行する方法について説明します。次のように、参照のために共有してください。
<！doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Unt titled document</title></head><body><div id="loading">Loading...</div><mce:script type = "text/javascript"> <！ - function loadjs（id、url、callback）{var script = document.createelement（ 'script'）; script.type = 'text/javascript'; script.src = url; script.id = id; script.onload = script.onreadystatechange = function（）{alert（script.readystate）; if（script.readystate && script.readystate！= 'loaded' && script.readystate！= 'complete'）return; script.onreadystatechange = script.onload = null if（callback）callback（）; } document.body.appendChild（script）;} loadjs（ 'jquery'、 'jquery.js'、function（）{$（ '＃loading'）。html（ 'jquery.js loaded'）}）//-> </mce：script> </body> </html>JSファイルを動的に挿入することは、ページの読み込み速度とクロスドメインの問題を改善する上で非常に重要な役割を果たします。上記は簡単な例です。
onreadystatechangeはIEでサポートされていますが、オンロードはサポートされていません
Firefoxは、OnreadyStateChangeではなく、オンロードをサポートしています
上記のIEは、必ずしも完全にロードまたはトリガーする必要はありません。または、両方がトリガーされるため、使用または判断します。
script.onreadystatechangeおよびscript.readyStateのケースフォームは、ケースがケースに敏感でない場合、発見が困難なエラーを引き起こす可能性があることに注意してください。
JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください：「JavaScriptの切り替え効果とテクニックの要約」、「JavaScript検索アルゴリズムスキルの要約」、「JavaScriptアニメーション効果とテクニックの概要」、「Javascriptエラー、および「Javascriptデータ構造」の概要」の概要の要約の要約をご覧ください。 JavaScriptトラバーサルアルゴリズムとテクニック」、および「JavaScriptの数学的操作の使用法の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。