在Javascript中进行换行的适当方法是什么

时间:2014-10-31 05:44:33

标签: javascript html

如何在Javascript中以正确的方式进行换行?

我正在通过w3schools网站寻求解决方案,他们想出了这个:

<p id="demo"></p>

<script>
    document.getElementById("demo").innerHTML = "Hello \
Dolly.";
</script>

我在他们网站上提供的Tryit Editor v2.1中尝试了此代码,但此代码在此处无法正常运行。在输出中,一切都没问题,除了字符串'Hello''Dolly'之间实际上没有换行

我还在我的Netbeans 8.0.1 ide中检查了此代码,并在此处遇到了完全相同的问题。

我不知道问题出在哪里。或者这不是正确的换行方式吗?如果是这样,什么是换行的正确方法?有更好的方法吗?请帮忙。

我的浏览器是Mozilla Firefox版。 32.0.3

修改 - 1:

非常感谢@ahmadalbayati,@ webeno和@TheProvost为用户提供解决方案。它已被修复。但是,我想补充说,除了他们的解决方案,还有以下代码:

<script>
    document.write("Hello <br/> Dolly.");
</script>

也给了我完全相同的输出。同样,它不是操纵特定的html元素,而是向整个html写一些内容。

2 个答案:

答案 0 :(得分:5)

&#34; \&#34;允许您拥有浏览器可以为脚本理解的多行。但它不会为输出创造一条新线。做这样的事情在输出中创建一个新行。

<script>
    document.getElementById("demo").innerHTML = "Hello <br/> Dolly.";
</script>

答案 1 :(得分:3)

纯粹从你的例子出发(在html中执行此操作),以下内容应该有效:

document.getElementById("demo").innerHTML = "Hello <br /> Dolly.";
<p id="demo"></p>

编辑:刚刚提到@ ahmadalbayati的名字,他在评论中首先提供了答案,虽然在发布此答案之前我没有看到过(可能没有刷新屏幕)。