2013-02-11 155 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()

相关问题