[解決済み】なぜこのjsfiddleエラーが発生するのか、document.writeはevalの一種である可能性があります。
質問
本を読んでいて見つけたコードをテストしています。JS fiddleでテストしているときに、このようなエラーが発生しました。
document.write
はevalの一種である可能性があります。
var text = '<html><body bgcolor=linen><p>' +
'This is <b>bold<\/b>!<\/p><\/body><\/html>';
var tags = /[^<>]+|<(\/?)([A-Za-z]+)([^<>]*)>/g;
var a, i;
while ((a = tags.exec(text))) {
for (i = 0; i < a.length; i += 1) {
document.writeln(('// [' + i + '] ' + a[i]).entityify());
}
document.writeln();
}
という2つの行で、上記のJSfiddleの警告が表示されます。
document.writeln()
.
解決方法は?
これはあくまで警告であり、尊重されるべきものであることに注意してください。 というチェッカーによって生成されています。 JSLint - この警告の理由については、以下のサイトを参照してください。 http://www.jameswiseman.com/blog/2011/03/31/jslint-messages-document-write-can-be-a-form-of-eval/ .
基本的には、「"」というのが基本です。
evalは悪である
" - そして、その
document.write
は、評価を行うために使用することができます。
このほかにも、上記では触れていませんが、以下のようなことも避けましょう。
document.write
可能な限り、簡単なテストを除いて、です。 DOM への書き込みは、それが "complete"とみなされた後に行われ、この時点での変更はサポートされている DOM メソッドのみを使用して行われるべきです。 この点に関する詳細は
なぜdocument.writeはバッドプラクティスだと言われているのですか?
- ここでは、安全で DOM フレンドリーな
DOM操作の方法
" (
document.createElement
,
element.appendChild
など)。具体的な良い例として、以下のものがあります。
https://developer.mozilla.org/en-US/docs/Web/API/Document_object_model/Using_the_W3C_DOM_Level_1_Core
.
関連
-
[解決済み] Uncaught TypeError: 未定義のプロパティ 'top' を読み込めない
-
[解決済み】webpack-dev-serverにリモート接続すると、「Invalid Host header」というメッセージが表示されます。
-
[解決済み】Vueのテンプレートまたはレンダー関数が定義されていない 私はどちらも使っていないのですが?
-
[解決済み】 \u003C とは何ですか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] Can I make a <button> not submit a form?
-
[解決済み] なぜJavaScriptのeval関数を使うとダメなのか?
-
[解決済み] JavaScript/jQueryでフォームデータを取得するには?
-
[解決済み] なぜdocument.writeは「バッドプラクティス」と言われるのですか?
-
[解決済み】document.write()で書くとき、なぜ<script>タグを分割するのですか?)
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】パッシブイベントリスナー内部でpreventDefaultができない
-
[解決済み】Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
-
[解決済み】JavaScriptのisset()に相当するもの
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み】React、Uncaught ReferenceError。ReactDOMは定義されていません
-
[解決済み】SyntaxError: JSON の位置 1 に予期しないトークン o があります。
-
[解決済み】getElementByIdはnullを返す?[クローズド]
-
[解決済み】JavaScriptで関数が存在するかどうかを確認する方法は?
-
[解決済み】中央値の計算 - javascript
-
[解決済み] なぜdocument.writeは「バッドプラクティス」と言われるのですか?