在文档写入中创建新行 (JavaScript)
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/26661002/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Create new line in document write (JavaScript)
提问by Jake Genkinger
How do I make all of the items inside document.get on new lines? I've tried br/and \n. Neither of which work. They either cause the JavaScript to run incorrectly or don't create new lines. I know I can put each in its own paragraph element but for my purposes I have to have it all in one paragraph element.
如何将 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>
回答by pennstatephil
Put \nin quotes, like so: "\n", and don't forget to put plus signs after them too. It's one big concatenated string.
把\n引号，像这样："\n"，不要忘记之后他们把加号了。这是一个很大的串联字符串。
ETA: As mentioned in the other answer, pure HTML doesn't support newlines, so use <br>!
ETA：如另一个答案中所述，纯 HTML 不支持换行符，因此请使用<br>!
回答by Quentin
You need to:
你需要：
- quote all your string literals
- put a
+between eachpair of strings you want to concatenate - use a
<br>element instead of a literal new line (since a new line in HTML doesn't cause a line break to be rendered)
- 引用你所有的字符串文字
+在要连接的每对字符串之间放置一个- 使用
<br>元素而不是文字换行（因为 HTML 中的新行不会导致呈现换行符）
Such:
这样的：
"Second Value Entered: " + num2 + "<br>" +
That said, this looks more like a job for dl/dt/ddthan a paragraph with line breaks in it.
也就是说，这看起来更像是dl/ dt/的工作，而dd不是带有换行符的段落。
回答by TBrian
<!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!");
回答by hacker
document.write("\n");
document.write("<br>");
回答by shashwat gupta
function breakline()
{
document.write("Hi?<br> nice shirt");
// "<br>" use in document.write
alert("Hi? \n nice shirt");
// '/n' use in alert
}
breakline();