タイトルを書き直しました: JavaScript を最適に出力するにはどうすればよいですか?
P粉969253139
P粉969253139 2023-08-14 11:27:09
0
2
466
<p>私は JavaScript を学習していますが、コードを出力する推奨される方法は document.getElementById... を使用することです。Document.write はテストでのみ使用する必要があることがわかりました...</p> <p>これはスクリプトを出力する最良の方法ですか?このコードは具体的に何をするのでしょうか?次のコードを書きましたが、「デモ」がどのように機能するのか、なぜそれが必要なのかわかりません... </p> <pre class="brush:php;toolbar:false;"><html> <頭> <スクリプト> 関数 addNumbers(arr){ 変数 i、答え =0; for(i=0; i <h4> 関数 addNumbers: </h4> <p id="デモ"></p> <スクリプト> var myArray = [1,2,3,4,5,6,7,8,9]; document.getElementById("demo").innerHTML = addNumbers(myArray); </スクリプト> </ボディ> </html></pre> <p><br /></p>
P粉969253139
P粉969253139

全員に返信(2)
P粉827121558

Demo は、ID が「demo」の段落を指します。 ID (HTML ページ全体で一意である必要があります) を使用して、JavaScript で HTML タグを識別して使用できます。

document.write は実際にはあまり使用されなくなりました。理由はいくつかあります。ウェブ上に適切な説明があるので、これらの回答 または この記事をチェックしてください。

欠落しているタグ (</head><body><script> など) を追加すると、コードは正常に動作します。コンソールログが発生しています。以下のコード スニペットを実行します。

ちなみに、現時点でのベスト プラクティスは、</body> タグを閉じる前に、ページの下部で JavaScript の処理と読み込みを行うことです。すべての読み込みは DOM が読み込まれた後に行われるためです。

リーリー リーリー
いいねを押す +0
P粉757432491

一歩下がって二歩進む:

document.write は 3 つの関数の 1 つです

  • document.open() ドキュメントを最初から開き、既存のドキュメントのコンテンツが存在する場合は削除します。
  • document.write( string) Web ページの構築に使用される文字ストリームに文字列を挿入します。
  • document.close() 書き込みのためにドキュメントを閉じます。さらに書き込むとドキュメントが再度開かれ、プロセス内の既存のコンテンツが消去されます。

次に次のことを検討してください

  1. ページ入力ストリームが終了すると、ドキュメントは自動的に閉じます。
  2. ドキュメントは「ドキュメント オブジェクト モデル」(「DOM」) を使用して構築され、スクリプトからアクセスして操作できます。
  3. document.open/write/close DOM が標準化されて利用可能になる前から存在していました。

したがって、document.write は、最新の Web プログラミングではほとんど役に立ちません。ページの読み込みが完了した後に使用すると、ページのコンテンツがクリアされます。これはほぼ完全に、DOM の存在をまだ学習していない学生向けのチュートリアルに限定されており、window.open で開かれた子ウィンドウにプログラムでコンテンツを書き込む場合に時折使用されます。

ページ内のすべての HTML 要素は、DOM 内の HTML 要素ノードとして存在します。これらの要素には、document.getElementByIddocument.querySelector などのメソッドを呼び出すことでアクセスでき、JavaScript オブジェクト値として返されます。 HTMLElement はタグの種類によって異なりますが、HTML コンテナ要素を表す場合は、innerHTMLtextContent などの属性があり、スクリプトからのテキスト文字列で更新されると、レンダリングされたページのコンテンツ。

あなたの質問に答えると、「demo」は HTMLParagraphElement の ID 値であり、ID 値は DOM 内の特定の要素にアクセスするために使用されます。id 値は次のようになります。ページの HTMLElement の中で一意です。

(段落)要素オブジェクトは、document.getElementByIdを使用してDOMをクエリすることで取得できます。その後、要素の innerHTML コンテンツを変更すると、ドキュメントが新しいコンテンツで再レンダリングされ、ページの表示が更新されます。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート