2013-02-11 156 views
1

如何在輸出中使用break行? document.write有問題。在document.write()輸出中使用換行符

請仔細閱讀我的代碼,並給我最好的解決辦法..

<html> 
<head> 
    <script type="text/javascript"> 
    function FahToCent (degFah) 
    { 
     var degCent = new Array(); 

     for (var loopCounter = 0; loopCounter <=2; loopCounter++) 
     { 
      degCent[loopCounter] = 5/9 * (degFah[loopCounter] - 32); 
     } 

     return degCent; 
    } 
    </script> 
</head> 
<body> 
    <script type="text/javascript"> 
    var degFah = new Array(); 

    for (var loopCounter = 0; loopCounter <= 2; loopCounter++) 
    { 
     degFah[loopCounter] = prompt ("Enter Temperature in Fahrenheit"); 
    } 

    document.write (FahToCent (degFah)+"<br>"); 
    </script> 
</body> 
</html> 
+0

看到帖子 – 2013-02-11 08:39:33

+2

有誰還在用'document.write'的頂部? – 2013-02-11 08:41:48

+0

可能重複[如何在Javascript中創建新行?](http://stackoverflow.com/questions/5758161/how-do-i-create-a-new-line-in-javascript) – mthomas 2014-03-04 12:44:45

回答

1

使用本

function FahToCent (degFah) 
{ 
    return 5/9 * (degFah - 32);; 
} 

var degFah = new Array(); 
for (var loopCounter = 0; loopCounter <= 2; loopCounter++) 
{ 
    degFah[loopCounter] = prompt ("Enter Temperature in Fahrenheit"); 
    document.write(FahToCent (degFah[loopCounter])+"<br>"); 
} 

實例鏈接:http://jsfiddle.net/pradkumar_n/Bucjz/

-2

我並不完全某些你問在這裏,但我認爲你只是想在代碼運行後去一個新的行。在這種情況下,你需要的WriteLine,而不是寫,刪除「BR」標籤

document.writeline (FahToCent (degFah)); 
+0

什麼是' writeline'? – Teemu 2013-02-11 08:57:08

+0

謹慎閱讀此答案。 'document.writeline'方法不存在。我會給原始海報帶來懷疑的好處,並假設他們意味着'document.writeln'。但他們確實應該確保該方法實際存在,並且在將其用於答案之前拼寫正確。 – mikeym 2017-05-28 22:31:15

1

只需添加破標籤在你的函數FahtoCent

degCent[loopCounter] = 5/9 * (degFah[loopCounter] - 32)+"<BR>"; 
1

您已經定義degCent爲一個數組,這是傳遞給作爲參數的是document.write()。這個參數應該是一個字符串,現在它是一個數組。因此在使用Array.toString()方法輸出前,它會自動轉換爲字符串。此方法返回逗號分隔的數組值列表(作爲字符串)。

但是,您可以使用稱爲join()的Array方法將返回的數組轉換爲字符串,並使用相同的Manouver添加換行符。像這樣:

document.write(FahToCent(degFah).join('<br/>')); 

但是,document.write()被認爲是DOM操作的一個不好的做法。請檢查一些先進的方法來顯示文檔中的輸出:

MDN: innerHTMLMDN: appendChild()

相關問題