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)
上一篇 2022年5月24日 下午1:20
下一篇 2022年5月24日 下午1:40


相关推荐

  • WebStorm提示代码快捷键[通俗易懂]

    WebStorm提示代码快捷键[通俗易懂]刚开始用WebStorm,发现默认的提示功能Ctrl+space代码提示无效,修改为Alt+/。File—>Settings(Ctrl+Alt+s)—>Keymap添加快捷键时(这里以Alt+斜杠为例),直接按住Alt和斜杠键即可(不是手打字符上去的)。在需要提示的位置Alt+/ 就会出现提示代码。群中更多更全,加群获取下载。…

    2022年6月13日
    54
  • Java学习之struts2使用

    Java学习之struts2使用0x00前言持续记录学习内容0x01struts2使用导入ja包<dependencies><dependency><

    2021年12月13日
    48
  • 智能体搭建入门指南[项目源码]

    智能体搭建入门指南[项目源码]

    2026年3月14日
    2
  • 浅谈大数据建模「建议收藏」

    浅谈大数据建模「建议收藏」前言:建模的过程和方法,不断地被开发和完善,你可能会说不同的数据类型,不同的业务场景,不同的需求,都会有不同的建模方法,我很赞同。但是我想说,不管你的数据是什么,要在大数据中建立自己的数据模型这其中的套路还是有规律可寻的。一.数据准备二.执行探索性数据分析三.建立初始模型四.模型迭代构建数据准备:在大数据计算中从来不嫌数据太多,相反的数据越多越好。只要数

    2022年4月29日
    46
  • zTree实现节点修改的实时刷新

    zTree实现节点修改的实时刷新一 应用场景在实际应用中会遇到动态操作树各节点的需求 在增加树节点后如何实时动态刷新树就十分有必要了 二 项目实践比如要在 test1234 节点下新建子节点 首先要选中 test1234 节点 添加成功后 根据 test1234 结点的 TID 去后台请求对应子节点数据 实现动态刷新 删除节点类似 三 代码实现 1 初始化时必须设置配置 lt spanstyle fo

    2026年3月18日
    2
  • ClientToScreen 和ScreenToClient用法

    ClientToScreen 和ScreenToClient用法ClientToScre 是把窗口坐标转换为屏幕坐标 ScreenToClie 是把屏幕坐标转换为窗口坐标屏幕坐标是相对于屏幕左上角的 而窗口坐标是相对于窗口用户区左上角的 VC 下 有些函数使用窗口坐标 有些使用屏幕坐标 使用时要分清 一个窗体分为两部分 系统区和客户区象标题和菜单之类的是系统区 由系统来控制 客户区就是你的地盘喽 Width Heig

    2026年3月17日
    0

发表回复

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

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