DOM之document.write_html/css_WEB-ITnose
document.write メソッドはページに文字列を出力します。このメソッドは、最近のブラウザーではあまり使用されていません。
document.write が実行されます
ドキュメントがロードされると、ドキュメント内のスクリプトに document.write(text) があります。テキストは同じ方法でレンダリングされます。
を参照してください。以下の例:
...<script> document.write('*Hello, there!*')</script>...
document.write の内容は制限されていません。有効なタグを出力する必要はありません。
次の例では、各 document.write が閉じられます。
<script> document.write('<style> td { color: #F40 } </style>') </script><table> <tr> <script> document.write('<td>') </script> The sun is rising, and I'm happy to welcome it. <script> document.write('</td>') </script> </tr></table>
も同様の名前を持ち、テキストの末尾に「n」を追加します。 🎜>
ドキュメントを開くだけですdocument.write.document.write には 1 つの制限があります。
document.write メソッドと document.writeln メソッドは両方とも、開いているドキュメントにテキストを出力します。
ページが読み込まれると、ドキュメントが閉じられます。ページに document.write を使用しようとすると、コンテンツが削除されます。
.write
Mozilla は、Content-Type: application/xhtml+xml の任意のドキュメントを解析する XML モデルを使用します。
このモードでは、ブラウザはそれを XML として解析します。これは高速で非常に優れています。解析の技術的な制限により、document.write は実行されません。
良い点と悪い点
ほとんどの実践では、便利であるため、変更と更新に DOM を使用する傾向があります。 innerTHML は同じことを行います。
ただし、document.write は、スクリプトによって生成されたテキストをページに追加する非常に高速な方法です。
同時に使用されます。広告スクリプトとカウンター内:
<script> var url = 'http://ads.com/buyme?rand='+Math.random() document.write('<script src="'+url+'"></scr'+'ipt>')</script>
--Close は、
より前にスクリプトが完了すると認識します。これは便利ですが、悪い方法でもあります。スクリプトの読み込みが他のページの読み込みやレンダリングに影響を与える可能性があるためです。
サードパーティ スクリプトの挿入を慎重に検討してください。
ページのブロックを回避する最良の方法の 1 つ。DOM を使用して SCRIPT 要素を作成し、それをヘッダーに追加します。
DOM を使用しても、他のページの読み込みには影響しません。サードパーティのスクリプトも高速かつ安全です。
概要
var script = document.createElement('script')script.src = 'http://ads.com/buyme?rand='+Math.random()// now append the script into HEAD, it will fetched and executeddocument.documentElement.firstChild.appendChild(script)
document.write (または writeln) は、ドキュメントのロード後に使用される場合、元のコンテンツを HTML に出力します。
document.write の利点:
部分的で不完全で醜い HTML をドキュメントに追加することができます
-
は、ブラウザが既存の DOM 構造を変更しないため、非常に高速です。
-
場合によっては、document.write を介してスクリプトが追加されることがあります。したがって、他のページはスクリプトがロードされて実行されるまで待機します。
サーバーが処理中の場合、ページはどのようにしてもサーバーを待機します。 🎜>document.write の代わりに DOM を使用します (ほとんどの場合)
この記事は Wu Tongwei のブログに属します。
WeChat パブリック アカウント: bianchengderen、QQ グループ: 186659233の元の記事を参照してください。転載する場合は、出典と対応するリンクを明記してください: http://www.wutongwei.com/front/infor_showone.tweb?id=229。皆さんも拡散と共有を歓迎します。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック

この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

この記事では、html5&lt; time&gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。
