[解決済み] AJAX呼び出し後、innerHTMLから注入された<script>を実行する。
2022-09-25 16:50:14
質問
Content"というdivがあります。
<div id="content"></div>
を含むAJAXによって、PHPファイルからのデータで満たされる必要があります。
<script>
タグがあります。しかし、このタグの中のスクリプトは実行されません。
<div id="content"><!-- After AJAX loads the stuff that goes here -->
<script type="text/javascript">
//code
</script>
<!-- More stuff that DOES work here -->
</div>
どのように解決するのですか?
DOMテキストとして挿入されたJavaScriptは実行されません。ただし
動的スクリプトパターン
を使って目的を達成することができます。基本的な考え方は、実行したいスクリプトを外部ファイルに移動し、Ajaxのレスポンスを取得したときにscriptタグを作成することです。そして
src
属性を設定すると、外部スクリプトが読み込まれ、実行されます。
この他のStackOverflowの投稿も参考になるかもしれません。 スクリプトは innerHTML で挿入できますか? .
関連
-
[解決済み] Node.jsを使うタイミングをどう判断するか?
-
[解決済み] jQuery Ajax呼び出し後のリダイレクトリクエストを管理する方法
-
[解決済み] CSSは常にJavascriptより優先されるべきか?
-
[解決済み] スクリプトタグ - 非同期と遅延
-
[解決済み] FirefoxでjQuery $.ajax(), $.post がREQUEST_METHODとして "OPTIONS "を送信する問題
-
[解決済み] .innerHTMLで挿入された<script>要素の実行
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] jQueryで入力ファイルが空かどうかをチェックする方法
-
[解決済み] Javascript の parseInt() で先頭のゼロを削除する。
-
[解決済み] Fetch: ステータスがOKでない場合、プロミスを拒否し、エラーをキャッチするか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】innerHTMLでスクリプトを挿入することは可能ですか?
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] Javascriptによるタッチスクリーンデバイスの検出
-
[解決済み] ExtJS 4のイベントハンドリングについて
-
[解決済み] node.jsで文字列のsha1ハッシュを取得するにはどうすればよいですか?
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] モデルフェッチ時に1をtrueに、0をfalseに変換する方法
-
[解決済み] 各オブジェクトに?重複
-
[解決済み] JavaScript で css プロパティを使用して HTML 要素の背景色を設定する方法