javascript - 実行されたスクリプトの結果を html div タグで表示する

Question

onClick が次のスクリプトを呼び出す単純な html ファイルにボタンがあります。

function onShowTest() {
    $('div#content').html('<script>alert("Hello")</script>');
};

基本的に、ボタンをクリックするとアラートが表示されます。

私が実際に達成したいのは、div タグ ( content) で、何かを描画するスクリプトの結果が表示されることです (div タグに表示される結果とは関係のない例のようなアラートだけではありません)。 .

また、関数はutils.js という名前の別のファイルにあります。

使用してみjQuery.getScript()ましたが、うまく動作しません。

score 3 · Accepted Answer

HTML をその場で生成するには、のようなものを使用する必要がありますがdocument.write、これは解析時にしか機能しません。HTML ドキュメントが完成したら、それを呼び出すと新しいドキュメントが開始され、既存のコンテンツが吹き飛ばされます。

どこかに HTML を生成したい場合は、DOM 操作を使用してそれを行う必要があり、スクリプト要素が表示される場所に基づいてそれを行うことはできません。

何かを描画したい場合は、画像を作成するために SVG、Canvas、または別の API を使用する必要があります。SVG は単なる DOM 操作です。Canvas ではまずキャンバス要素を作成するために DOM 操作が必要であり、次にその要素でキャンバス API メソッドを呼び出します。

コードでそれを別の場所から取得したいが、「ここ」からターゲットを取得したい場合は、操作を実行する関数を作成し、操作を実行する場所を示す引数を渡す必要があります。

1 に答える 1