2016-12-18 9 views
-1

次のjavascriptスクリプトでは問題はありますか? document.writelndocument.write、または他の方法で置き換えてください。私はwrite()writeln()の間には大きな違いはありませんhttp://www.wetlandpark.gov.hk/en/document.writelnを使用する必要がありますか?

function getheaderHTML() \t { 
 
    document.writeln(' <div id="nav">'); 
 
    document.writeln(' <a href="index.html">number 1</a>|<a href="students.html">number 2</a>'); 
 
    document.writeln(' </div>'); 
 
    document.writeln(' <div id="header">'); 
 
    document.writeln(' <img src="header.jpg" alt="testing" width=100% height=260>'); 
 
    document.writeln(' </div>'); 
 
} 
 

 
function getfooterHTML() \t { 
 
    document.writeln(' <div id="footer">'); 
 
    document.writeln(' &#169;2016'); 
 
    document.writeln(' </div>'); 
 
} 
 
getheaderHTML(); 
 
getfooterHTML();

+1

、Rajshekarレディにあなたのコードをリファクタリングします。 – Sen

+4

'document.write'と' document.writeln'を使ってページにデータを追加するのは悪い方法です。 –

+1

なぜあなたはそれをネイティブHTMLとして書くことができませんか?なぜスクリプトが必要なのですか? –

答えて

0

ウェブからこのアイデアを拾いました。違いがあるのはwriteln()で、各ステートメントの後に新しい行が追加されます。

しかし、上記のコードでは、改行があるかどうかにかかわらず、の空白はHTMLで無視されます。

また、document.writeまたはwritelnを使用することはお勧めできません。私はheaderfooter HTMLを挿入するためのプレースホルダとして機能する2 divを持っていることをお勧めします。私はお勧めし

はどうもありがとうございまし

function getheaderHTML() { 
 
    var content = '<div id="nav"><a href="index.html">number 1</a>|<a href="students.html">number 2</a> </div><div id="header"> <img src="header.jpg" alt="testing" width=100% height=260></div>'; 
 
    
 
    document.getElementById('pageheader').innerHTML = content; 
 
} 
 

 
function getfooterHTML(){ 
 
    var content = '<div id="footer">&#169;2016</div>'; 
 
    
 
    document.getElementById('pageFooter').innerHTML = content; 
 
} 
 

 
getheaderHTML(); 
 
getfooterHTML();
<div id="pageheader"> 
 

 
</div> 
 

 
<div id="BodyContainer"> 
 

 
</div> 
 

 
<div id="pageFooter"> 
 

 
</div>

+0

ありがとうございますが、動作しません。 – Sen

+0

function getheaderHTML()\t { varコンテンツ= '

' \t \t + ''; document.body.innerHTML = content; } function getfooterHTML()\t { varコンテンツ= '' document.body.innerHTML = content; } – Sen

+0

動作しません。私は、CSSの書式設定を読み込むことができないことを意味します。 – Sen

関連する問題