zl程序教程

您现在的位置是:首页 >  前端

当前栏目

JavaScript换行符的使用[通俗易懂]

JavaScript 使用 通俗易懂 换行符
2023-06-13 09:11:44 时间

大家好,又见面了,我是你们的朋友全栈君。

JavaScript中的三种输出方式

document.write() 页面上输出

console.log() 控制台输出

alert() 弹窗输出

其中 document.write() 输出内容中换行需要使用HTML中的标签使用</br>,在其中键入\n,不会显示,但也不会有换行效果。

document.write()

当直接键入\n时:

    document.write("君不见,黄河之水天上来奔流到海不复回。\n君不见高堂明镜悲白发,朝如青丝暮成雪。");

当把其中的\n换成</br>:

     document.write("君不见,黄河之水天上来奔流到海不复回。</br>君不见高堂明镜悲白发,朝如青丝暮成雪。")

console.log()

console.log() 在需要输出的内容中可以直接键入\n,显示换行效果

源码:

    console.log("君不见,黄河之水天上来奔流到海不复回。\n君不见高堂明镜悲白发,朝如青丝暮成雪。");

alert()

alert() 输出内容中可以直接键入\n,显示换行效果

源码:

    alert("君不见,黄河之水天上来奔流到海不复回。\n君不见高堂明镜悲白发,朝如青丝暮成雪。");

注:alert() 和 console.log() 中</br>不显示换行效果

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/142108.html原文链接:https://javaforall.cn