ホームページ >ウェブフロントエンド >jsチュートリアル >document.write_javascript スキルの使用に関するヒント
document.write_javascript スキルの使用に関するヒント
- WBOYオリジナル
- 2016-05-16 16:48:251203ブラウズ
私は document.write() メソッドを使用してブラウザにデータを表示し、それを Alert() として使用していましたが、このメソッドの主な用途について話しましょう。
document.write() メソッドは 2 つの方法で使用できます:
1. ページの読み込みプロセス中に、スクリプトを使用して新しいページ コンテンツを追加します。
2. 遅延スクリプトを使用して、このウィンドウのコンテンツまたは新しいウィンドウを作成します。
このメソッドには、ウィンドウまたはフレームに書き込まれる HTML コンテンツである文字列パラメータが必要です。これらの文字列パラメーターは、値が文字列である変数または式にすることができ、記述されたコンテンツには HTML マークアップ言語が含まれることがよくあります。次のコードに示すように、教育システム フレームワークはサブページ
に読み込まれます。>
コードをコピー
コードは次のとおりです:
ページをロードした後、ブラウザ出力ストリームは自動的に閉じられます。この後、現在のページで動作する document.write() メソッドは新しい出力ストリームを開き、現在のページのコンテンツ (ソース ドキュメントの変数や値を含む) をクリアします。したがって、現在のページをスクリプトによって生成された HTML に置き換える場合は、HTML コンテンツを連結して変数に割り当て、document.write() メソッドを使用して書き込み操作を完了する必要があります。
document.write() メソッドに関してもう 1 つ注意すべき点は、関連メソッド document.close() です。スクリプトがウィンドウ (このウィンドウであっても別のウィンドウであっても) へのコンテンツの書き込みが終了したら、出力ストリームを閉じる必要があります。遅延スクリプトの最後の document.write() メソッドの後に、 document.close() メソッドが含まれていることを確認する必要があります。そうしないと、イメージとフォームが表示されません。また、後続の document.write() メソッドの呼び出しでは、コンテンツがページに追加されるだけで、新しい値を書き込むために既存のコンテンツがクリアされることはありません。
document.write() メソッドをデモンストレーションするために、同じアプリケーションの 2 つのバージョンを提供します。 1 つはスクリプトを含むドキュメントに書き込み、もう 1 つは別のウィンドウに書き込みます。
例 1 では、新しいドキュメントのタイトルの HTML タグとタグの色属性を含む、ドキュメントの新しい HTML コンテンツを組み立てるボタンを作成します。
この例には、読者には馴染みのない演算子 = があります。これは、右側の文字列を左側の変数に追加するために使用されます。この演算子は、複数の文字列を簡単に変換できます。 . 個々のステートメントは長い文字列に結合されます。 document.write() ステートメントと newContent 変数のコンテンツを組み合わせて使用すると、すべての新しいコンテンツをドキュメントに書き込むことができ、例 1 のコンテンツは完全にクリアされます。
次に、 document.close() ステートメントを呼び出して出力ストリームを閉じる必要があります。ドキュメントがロードされてボタンをクリックすると、結果としてブラウザのタイトル バーのドキュメント タイトルが変化することに注目してください。元のドキュメントに戻ってボタンをもう一度クリックすると、動的に書き込まれた 2 ページ目が、元のドキュメントを再ロードするよりもさらに速く読み込まれることがわかります。
例 1 では、現在のウィンドウで document.write() を使用します。