在文档写入(JavaScript)中创建新行

问题描述 投票:1回答:5

如何在新行上创建document.get中的所有项目?我试过br/\n。两者都不奏效。它们要么导致JavaScript运行不正确,要么不创建新行。我知道我可以将每个元素放在它自己的段落元素中,但为了我的目的,我必须将它们全部放在一个段落元素中。

<script type="text/javascript">
<!--
    var     firstString =  prompt(" Enter the first number ", "");
    var     secondString = prompt(" Enter the second number ", "");
    var     num1 = parseFloat(firstString);
    var     num2 = parseFloat(secondString);

    var addition = num1 + num2;         //  Addition of num1 and num2
    var subtraction = num1 - num2;      //  Subtraction of num1 and num2
    var multiplication = num1 * num2;   //  Multiplication of num1 and num2
    var division = num1 / num2          //  Division of num1 and num2

    //These are the ones I'm trying to get to appear on separate lines

    document.write (
        "<p> First Value Entered: " + num1 + \n
        "Second Value Entered: " + num2 + \n
        "Sum: " + addition + \n
        "Difference: " + subtraction + \n
        "Product: " + multiplication + \n
        "Quotient: " + division + "</p>"
    );
// -->
</script>
javascript html newline line-breaks
5个回答
5
投票

你需要:

  • 引用所有字符串文字
  • 在你要连接的每对字符串之间放一个+
  • 使用<br>元素而不是文字新行(因为HTML中的新行不会导致换行)

这样:

"Second Value Entered: " + num2 + "<br>" +

也就是说,这看起来更像是dl / dt / dd的工作,而不是带有换行符的段落。


5
投票

\n放在引号中,就像这样:"\n",不要忘记在它们之后加上加号。这是一个很大的串联字符串。

ETA:正如其他答案所述,纯HTML不支持换行符,所以请使用<br>


0
投票
<!DOCTYPE html>
<!-- JavaScript Arith - Oct. 22, 1918 -->

var name = prompt("Hello and Welcome! I'm Chip. We're going to play a little math game. What's your name?", "");

    alert("Hello, " + name + ". Please enter a number for each prompt. Please, do not use 0 for either number.")

    var answer, sum, difference, product, quotient, power = -1; // Initialize 
    // Input - Prompt for the numbers

    // Processing - the preparation for number crunching        

    // Make sure the values are numeric.var first = Number(prompt("Enter the first number", ""));       
    var first = Number(prompt("Enter the first number", ""));
    var second = Number(prompt("Enter the second number", ""));

    // Output - results 
    // Feedback - later for errors, e.g., 0, letters, etc.
    document.write(name + ", the numbers chosen were: " + first + " and " + second);

    document.write(".<br>The results are shown below.<ul>");

    var sum = first + second;
    document.write("<li>Sum: " + sum + "</li>"); // ad d

    var difference = first - second;
    document.write("<li>Difference: " + difference + "</li>"); // subtract
    /*
    M, S and D. For positive arguments M and S holds:
    The minuend (M) is the first number in a subtraction; the number from which another number (the Subtrahend) is to be subtracted.
    The subtrahend (s) is the number that is being subtracted from the minuend.
    Minuend.
    Example: in 8 − 3 = 5, 8 is the minuend (M). 3 is the subtrahend (S). 5 is the difference (D).
    If the minuend is larger than the subtrahend, the difference D is positive.
    If the minuend is smaller than the subtrahend, the difference D is negative.
    In any case, if minuend and subtrahend are equal, the difference D = 0.
    */

    var product = first * second;
    document.write("<li>Product: " + product + "</li>");    // multiply
    /* factors */

    var quotient = first / second;
    document.write("<li>Quotient: " + quotient + "</li>");  // divide
    /*
    Division shows the relationship between the dividend, divisor, quotient and remainder. The number which we divide (before  the '/' operator) is called the 'dividend.' The number by which we divide (after the '/' operator)is called the 'divisor.' The result obtained is called the 'quotient.'
    */

    var power = first ** second;
    document.write("<li>Power: " + power + "</li>");    // exponentiation

    document.write("</ul>Thanks, " + name + ". Have a Nice Day!");

0
投票
document.write("\n");

document.write("<br>");

-1
投票

 function breakline()
       {
            document.write("Hi?<br> nice shirt");
            // "<br>" use in document.write
         
            alert("Hi? \n nice shirt");
            // '/n' use in alert 
       }
       
       breakline();
© www.soinside.com 2019 - 2024. All rights reserved.