document.write_javascript スキルの使用に関するヒント-jsチュートリアル-php.cn

私は document.write() メソッドを使用してブラウザにデータを表示し、それを Alert() として使用していましたが、このメソッドの主な用途について話しましょう。

document.write() メソッドは 2 つの方法で使用できます:

1. ページの読み込みプロセス中に、スクリプトを使用して新しいページコンテンツを追加します。

2. 遅延スクリプトを使用して、このウィンドウのコンテンツまたは新しいウィンドウを作成します。

このメソッドには、ウィンドウまたはフレームに書き込まれる HTML コンテンツである文字列パラメータが必要です。これらの文字列パラメーターは、値が文字列である変数または式にすることができ、記述されたコンテンツには HTML マークアップ言語が含まれることがよくあります。次のコードに示すように、教育システムフレームワークはサブページ

に読み込まれます。

コードをコピーコードは次のとおりです:

 
 >  
 
コードをコピー

コードは次のとおりです:

//出力フレーム Index.OutputIframe = function () { var スクロール = $.isIE6 == true ? 'yes' : 'auto'; document.write(' '); };

ページをロードした後、ブラウザ出力ストリームは自動的に閉じられます。この後、現在のページで動作する 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() を使用します。

コードをコピーコードは次のとおりです:

同じドキュメントへの書き込み

人気のチュートリアル

詳細>