Javascript / HTML：文字列からヘッダースクリプトを作成して実行します
デビッド・フェリス
<script>HTMLヘッダーとして追加するタグをユーザーが指定できるReactアプリがあります。これらはドキュメントの読み込み後にフェッチされ、プレーンテキストのプロパティとして保存されます（<script src="//some-location...ファイルではなく文字列であるため、ポイントすることはできません）。私はいくつかのことを試しましたが、何も機能していません。
let json = loadDataFromServer();
console.log(json.headerHTML); // prints <script type="text/javascript">alert("Header script working");</script>
// This just appends it as a string to the header.
document.getElementsByTagName("head")[0].append(json.headerHTML);
// This appends the script tags properly, but doesn't run the script.
document.head.innerHTML = document.head.innerHTML + json.headerHTML;
これはReactアプリの一部であることに言及する価値があるかもしれませんが、私が知る限りdangerouslySetInnerHTML()、ヘッダーでは使用できず、本文のHTMLのみを使用できます。
Orinayo Oyelade
react-helmetこれを達成するのに役立つかもしれません。script以下に示すように、サーバーの応答から開始タグと終了タグを取り除き、ヘッダーコンテンツを連結できます。
import {Helmet) from 'react-helmet'
...
return (
<>
<Helmet>
{json.headerHTML ? (
<script>
{`
${json.headerHTML}
`}
</script>
) : null}
</Helmet>
...
</>
)この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
javascriptの文字列からブートストラップモーダルを作成します
- 2
JavaScriptは、スクリプトタグのみを使用してカスタムヘッダーを送信します
- 3
単純な配列からjavascriptを使用してダイナミックhtmlテーブルを作成します
- 4
JSON文字列をJavaScriptオブジェクトに変換してから、HTMLテーブルを作成します
- 5
シェルスクリプトを使用して、HTMLページのJavaScript内からJSON文字列を取得します
- 6
javascriptを使用して文字列からオブジェクトを作成します
- 7
プレースホルダーと置換オブジェクトを使用してJavaScript文字列をフォーマットしますか？
- 8
Railsを使用してHTMLでデータベースからJavaScript文字列を実行する方法
- 9
スライダー画像をクリックして、JavaScriptで機能を実行します
- 10
javascript配列からhtmlの順序なしリストを作成します
- 11
ファイルのパスを含む文字列のリストからツリーを作成します-javascript
- 12
ファイルのパスを含む文字列のリストからツリーを作成します-javascript
- 13
javascriptを使用して入力配列からHTMLリストを作成する
- 14
onclickボタンを使用してスクリプトを実行します-HTML / Jquery / Javascript
- 15
JavaScriptの文字列の配列からグループ化されたオブジェクトを作成します
- 16
Javascript関数から作成された選択ボックスでJQueryを使用してAJAXリクエストを実行する
- 17
Javascript関数から作成された選択ボックスでJQueryを使用してAJAXリクエストを実行する
- 18
クライアント側のJavascriptを使用してDNSルックアップ（ホスト名からIPアドレス）を実行できますか？
- 19
ヘッダーからリンクをクリックして、HTML、Javascript、CSSに戻るにはどうすればよいですか？
- 20
javascriptを使用して、ドロップダウンリストから選択したオプションをボックスに表示します
- 21
javascriptアニメーションを実行してからリダイレクトする
- 22
javascriptを使用してクリックするたびにドロップダウンメニューから生成された画像をリセットします
- 23
JQuery Mobileスライダーをループし、それらの値からJSON文字列を作成するJQuery / Javascript
- 24
スタートボタンをhtmlからjavascript関数にリンクして、ゲームを開始するプロンプトを実行し、ページの開始時にプロンプトを開始する
- 25
C＃文字列から生成されたHTMLでjavascriptを実行します
- 26
Javascriptテスト-axiosを使用してAuthorizationヘッダーが正しいかどうかを確認します
- 27
typescriptからHTMLヘッダーに含まれるjavascript変数にアクセスします
- 28
React-ブートストラップモーダルが完全にレンダリングされて表示された後にjavascriptを実行します
- 29
Javascriptのパラメータを使用してbashスクリプトを実行します
コメントを追加