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

JavaScript换行符的使用[通俗易懂]JavaScript中的三种输出方式document.write()页面上输出console.log()控制台输出alert()弹窗输出其中document.write()输出内容中换行需要使用HTML中的标签使用</br>,在其中键入\n,不会显示,但也不会有换行效果。document.write()当直接键入\n时:document.write(“君不见,黄河之水天上来奔流到海不复回。\n君不见高堂明镜悲白发,朝如青丝暮成雪。”);当把..

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

JavaScript中的三种输出方式

document.write() 页面上输出

console.log() 控制台输出

alert() 弹窗输出

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

document.write()

当直接键入\n时:

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

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

 

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

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

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

console.log()

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

源码:

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

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

 

alert()

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

源码:

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

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

 

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

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

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

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 布局转模型无法生成新图形_三维数组初始化

    布局转模型无法生成新图形_三维数组初始化本系列文章为原创,转载请注明出处。作者:DongdongBai邮箱:baidongdong@nudt.edu.cn若您觉得本博文对您有帮助,请您为我点赞并关注我,以鼓励我写出更优秀的博文。谢谢!Eigen:C++开源矩阵计算工具——Eigen的简单用法Eigen库是一个开源的C++线性代数库,它提供了快速的有关矩阵的线性代数运算,还包括解方程等功能。Eigen

    2022年10月19日
    3
  • 阿里算法内推笔试题

    阿里算法内推笔试题#include#include#include#include#include#include#include#include#definepi3.1415926#defineNUM10000usingnamespace

    2022年9月9日
    2
  • github 京东自动签到_手机京东签到在哪里

    github 京东自动签到_手机京东签到在哪里京东自动签到(利用github实现)+Cooki失效解决办法京东自动签到https://ruicky.me/2020/06/05/jd-sign/参考上面这篇文章,就不转载过来了,原文已经写的很详细了。但自己实践时Sevrer酱提示Cookie失效,同时也看到此文下面有很多跟我一样情况的,所以有提示Cookie失效的请用下面链接的方法获取Cookie,记得复制出来的Cookie值要把所有空格删除。获取京东Cookiehttps://www.plus888.com/21061.html…

    2022年9月2日
    4
  • Using LockWorkstation in Windows XP

    Using LockWorkstation in Windows XPUsingLockWorkstationinWindowsXPBYDelphiscn(cnBlaster#hotmail.com)http://blog.csdn.net/delphiscn问题提交:花落孤独相关连接:http://blog.csdn.net/delphiscn/archive/2005/06/25/403157.aspx提交日期:2005-12-063:53…

    2022年7月21日
    14
  • MySQL数据库的性能优化总结

    MySQL数据库的性能优化总结

    2021年4月9日
    119
  • netcore无线路由器_netcore路由器怎么设置

    netcore无线路由器_netcore路由器怎么设置IdentityServer里有各种Endpoint,如TokenEndpoint,UserInfoEndpoint,AuthorizeEndpoint,DiscoveryEndpoint等等。E

    2022年8月17日
    13

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号