noscriptにappendできない

正しくできていればnoscript内にmetaタグを作りますが
下記を実行すると
noscript状態でないにかかわらずrefreshが効いてしまいます
原因はなんでしょうか

window.onload=function(){
noscript = document.createElement("noscript");
document.body.appendChild(noscript);

var meta = document.createElement('meta');
meta.setAttribute('http-equiv', 'refresh');
meta.setAttribute("content", "1;URL='https://example.com/'");
noscript.appendChild(meta);
}

行動規範の内容に同意します

回答3件

正しくできていればnoscript内にmetaタグを作りますが

なぜそのような操作が必要なのでしょうか。

<noscript>は書いての通り、スクリプトが動作しない場合に表示されるものである以上、JavaScriptから操作することそのものが意味論的に矛盾しています。

投稿2023/05/30 02:27

編集2023/05/30 02:39

maisumakun

総合スコア145183

<meta http-equiv=...> のDOMノードは、<noscript> の中かどうかで動作が変わったりしません。<noscript> の中にあっても、常に動きます。
HTMLソース中の <noscript> 内の <meta http-equiv=...> は、スクリプトが実行できないときはmeta 要素としてパーズされ、スクリプトが実行できるときはただのテキストとしてパーズされます。

また、スクリプト禁止状態では質問文にあるコードは動きませんので、<noscript>の内容をJavaScriptで操作することは意味がありません。

「スクリプトが実行できないときは refresh」としたい場合は、単純に<noscript><meta ... とHTMLソースに書けばよいです。

html
1<head>
2<noscript>
3<meta http-equiv="refresh" content="1;URL='https://example.com/'">
4</noscript>
5</head>

投稿2023/05/30 00:28

編集2023/05/30 01:39

int32_t

総合スコア20872

yambejp

2023/05/30 01:22

js環境ではnoscript内のmetaは動作しません

int32_t

2023/05/30 01:31

> js環境ではnoscript内のmetaは動作しませんパーズされないだけで、質問文のようにDOMで追加すると動作はしますよ。

int32_t

2023/05/30 01:33

回答の表現を少し修正します。

yambejp

2023/05/30 01:56

「<meta http-equiv=...> は、<noscript> の中かどうかで動作が変わったりしません。<noscript> の中にあっても、常に動きます。」に対して「noscript内のmetaは動作しません」と補足したのであって、あたかも私の補足が間違いだったかのようにすり替えられるのは心外です。

int32_t

2023/05/30 02:14

はい、私の最初の回答はパーズされるときの動作を無視していて「常に動く」と書いていたので、不正確でした。ご指摘感謝します。 yambejpさんのコメント「js環境ではnoscript内のmetaは動作しません」もDOM操作のケースを考慮していなくて不正確だと思います。

行動規範の内容に同意します

ベストアンサー

metaタグをappendしている時点でDOMとして解釈がされているんんでしょうかねぇ
そういうものだと理解するしか無いでしょう
文字列で処理すれば大丈夫です。

javascript
1<script>
2window.onload=function(){
3  const noscript = document.createElement("noscript");
4  noscript.innerHTML=`<meta http-equiv="refresh" content="1;URL='https://example.com/'">`;
5  document.body.appendChild(noscript);
6  document.body.insertAdjacentHTML('beforeend',`<noscript><meta http-equiv="refresh" content="1;URL='https://example.com/'"></noscript>`);
7}
8
9</script>
10test
11<noscript>
12<meta http-equiv="refresh" content="1;URL='https://example.com/'">
13</noscript>
14

そもそもscriptでnoscriptを記載することは意味のない処理なので深く考えても仕方ないと思います。
同様にnoscript内のscriptも実行されます

javascript
1window.onload=function(){
2  const noscript = document.createElement("noscript");
3  const script = document.createElement("script");
4  script.textContent='alert("test")';
5  noscript.appendChild(script);
6  document.body.appendChild(noscript);
7}