有人ページの後、ブラウザの出力ストリームは自動的に閉じられます。したがって、現在のページコンテンツ(ソースドキュメントの変数または値を含む)がクリアされます。現在のページをスクリプトで生成したHTMLに置き換える場合は、HTMLコンテンツを変数に割り当て、document.write()メソッドを使用して書き込み操作を完了する必要がありますドキュメントと新しいデータストリームを開き、document.write()呼び出しはすべての操作を完了することができます。
document.write()メソッドについて説明するもう1つのことは、その関連メソッドdocument.close()です。スクリプトがコンテンツをウィンドウに書き込みた後(このウィンドウであろうと他のウィンドウであろうと)。出力ストリームはオフにする必要があります。遅延スクリプトの最後のdocument.write()メソッドの後。 document.close()メソッドが含まれていることを確認する必要があり、その写真とフォームをそうせずに表示できないことを確認する必要があります。また、その後呼び出されたdocument.write()メソッドは、既存のコンテンツをクリアして新しい値を書き込むことなく、コンテンツをページに追加するだけです。
document.writeメソッド
最も基本的なJavaScriptコマンドの1つはdocument.writeです。このコマンドは、指定されたテキストコンテンツをページに印刷するだけです。単語ごとにテキストを印刷するには、印刷されたテキスト文字列に単一の引用符を追加します。
コードコピーは次のとおりです。
document.write( 'hello world!');
上記のJSコードには、「Hello World!」が表示されます。
document.writeを使用して変数を印刷できます。次のように、引用符なしで変数名を入力してください。
コードコピーは次のとおりです。
var myText = "Hello Again";
document.write(mytext);
注:変数名が引用符で指定されている場合、変数名が印刷されます(変数値は印刷されません)。 「+」シンボルを使用して、変数値とテキスト文字列を連結できます。
コードコピーは次のとおりです。
var colour1 = "purple";
var colour2 = "pink";
document.write( '<p> colour1:' + colour1 + '<br> colour2:' + colour2 + '</p>');
印刷の結果は次のとおりです。
Colour1:紫
Colour2:ピンク
document.writeは、主にJS広告の読み込みにも使用されます
コードコピーは次のとおりです。
document.write( '<script+' pt src = "// www.vevb.com/ad.js" type = "text/javascript"> </s '+' script> ');
document.write( "<script"+"pt src = '// www.vevb.com/ad.js' type = 'text/javascript'> </s"+"script>");
document.write( "<script"+"pt src =/" // www.vevb.com/ad.js/ "type =/" text/javascript/"> </s"+"script>");
一般に、文字は外部の単一の引用符(二重引用符)に接続されており、内部の文字は二重信号(単一の引用符)に接続する必要があるため、間違っていないようにします。もちろん、エスケープキャラクターを使用することもできますが、後で変更する方が面倒です。
document.writeにロードされたJSは非同期です
コードコピーは次のとおりです。
<!doctype html public " - // w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd">
<html lang = "ru">
<head>
<title> </title>
<meta http-equiv = "content-type" content = "text/html; charset = gb2312">
</head>
<script type = "text/javascript">
関数負荷(JS){
var s = document.createelement( 'script');
S.SetAttribute( 'type'、 'text/javascript');
S.SetAttribute( 'SRC'、JS);
var head = document.getElementsByTagname( 'head');
head [0] .appendChild(s);
}
function write(js){
document.write( '<script type = "text/javascript" src = "'+js+'"> <// script>');
}
load( "// www.vevb.com/js/2011/jquery-1.5.1.min.js");
// write( "// www.vevb.com/js/2011/jquery-1.5.1.min.js");
</script>
<スクリプト>
アラート($);
</script>
質問:createElement( "script")を使用してロードした場合、document.writeを使用する場合、エラーを呼び出します。
答え:
動的に作成されたJS参照の場合、さまざまなブラウザーでさまざまな応答が利用可能です
著者のFFオペラの執筆方法はブロックされているため、アラート($)は出力できますが、IE Chrome Safriaの場合は非ブロックであるため、エラーを報告します。
document.writeメソッドはすべてのブラウザ、つまり同期しているため、アラート($)が正しい結果を出力します