ホームページ > ウェブフロントエンド > htmlチュートリアル > DOM之document.write_html/css_WEB-ITnose

DOM之document.write_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 08:51:15
オリジナル
1030 人が閲覧しました

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>
ログイン後にコピー
--- スクリプト URL の動的生成。画面解像度やその他のパラメーターなど、ユーザー指定のデータを URL に追加できます。 --関連データのキャッシュを避けるために乱数を追加します

--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 をドキュメントに追加することができます

  1. は、ブラウザが既存の DOM 構造を変更しないため、非常に高速です。

  2. 場合によっては、document.write を介してスクリプトが追加されることがあります。したがって、他のページはスクリプトがロードされて実行されるまで待機します。

  3. サーバーが処理中の場合、ページはどのようにしてもサーバーを待機します。 🎜>document.write の代わりに DOM を使用します (ほとんどの場合)

この記事は Wu Tongwei のブログに属します。

WeChat パブリック アカウント: bianchengderen、QQ グループ: 186659233

の元の記事を参照してください。転載する場合は、出典と対応するリンクを明記してください: http://www.wutongwei.com/front/infor_showone.tweb?id=229。皆さんも拡散と共有を歓迎します。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート