JavaScript ファイルの動的読み込み
著者: towaywu
2016-01-28 17 :26:24.0
29 ビュー
カテゴリ: HTML/CSS/JAVASCRIPT プログラミング言語
JavaScript ファイルは動的にロードされますインターネットにアップロードする一般的な方法のような面倒なことです:
コード名
function loadjs(fileurl){ var sct = document.createElement("script"); sct.src = fileurl; document.head.appendChild(sct);} それでは結果をテストしてみましょう:
コード名
<html> <head> <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" media="screen" /> </head> <body> <script>
function loadjs(fileurl){ var sct = document.createElement("script"); sct.src = fileurl; document.head.appendChild(sct); } loadjs("http://code.jquery.com/jquery-1.12.0.js"); loadjs("http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js") loadjs("http://bootboxjs.com/bootbox.js") </script> </body></html>
コードをロードすると、以下のようなエラーが表示されます
jquery は最初の処理でロードされるのは明らかですが、それでも jQuery が存在しないと報告されるのはなぜですか? この方法でロードすることは 3 つのスレッドを開くことと同じですが、jquery ファイルが最初にスレッドを開始し、それにかかる時間がかかるからです。 jquery がこのスレッドの実行を完了するには次の 2 回の時間がかかるため、実行が完了した後、jquery オブジェクトが見つからない可能性があります。実際には、このメソッドはどのように対処すればよいでしょうか。ファイルのロードにはステータス処理があります。 onload イベントは、ファイルがロードされたかどうかを監視できるイベントです。 したがって、このメソッドを使用して、必要な結果を処理することができます。改良されたコードは次のとおりです。
OK、このコードを実行すると、前のファイルがロードされるまでロードされたファイルはロードされないため、使用されたオブジェクトはロードされません。
次に、ポップアップ ボックスのエフェクトを実行します。コードでは Bootbox.js プラグインが使用されます。読み込みコードは次のとおりです。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）3週間前By尊渡假赌尊渡假赌尊渡假赌R.E.P.O.最高のグラフィック設定3週間前By尊渡假赌尊渡假赌尊渡假赌アサシンのクリードシャドウズ：シーシェルリドルソリューション2週間前ByDDDR.E.P.O.誰も聞こえない場合はオーディオを修正する方法3週間前By尊渡假赌尊渡假赌尊渡假赌WWE 2K25：Myriseのすべてのロックを解除する方法4週間前By尊渡假赌尊渡假赌尊渡假赌ホットツール
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!
メモ帳++7.3.1
使いやすく無料のコードエディター
AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
ホットトピック
