【问题标题】:Use line break in document.write() output在 document.write() 输出中使用换行符
【发布时间】:2013-02-11 08:37:46
【问题描述】:

如何在输出中使用换行符? 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>

【问题讨论】:

标签: javascript


【解决方案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】:

只需在函数 FahtoCent 中添加中断标记

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

【讨论】:

    【解决方案3】:

    您已将degCent 定义为一个数组,该数组作为参数传递给document.write()。这个参数应该是一个字符串,现在它是一个数组。因此,它会在输出之前使用Array.toString() 方法自动转换为字符串。此方法返回以逗号分隔的数组值列表(作为字符串)。

    但是,您可以使用称为join() 的数组方法将返回的数组转换为字符串,并使用相同的操作添加换行符。像这样:

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

    但是,document.write() 被认为是 DOM 操作的不良做法。请检查一些高级方法以在文档中显示输出:

    MDN: innerHTML, MDN: appendChild()

    【讨论】:

      【解决方案4】:

      我不完全确定你在这里问什么,但我认为你只是想在代码运行后换一个新行。在这种情况下,您需要 writeline 而不是写入和删除“br”标签

      document.writeline (FahToCent (degFah));
      

      【讨论】:

      • 警告任何阅读此答案的人。 document.writeline 方法不存在。我会给原始海报带来怀疑的好处,并假设他们的意思是document.writeln。但他们确实应该确保该方法确实存在并且在答案中使用它之前拼写正确。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-10-24
      • 2021-05-12
      • 1970-01-01
      • 2015-06-16
      • 2016-08-19
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多