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>不显示换行效果

JavaScript换行符的使用相关推荐

  1. Javascript去除回车换行符号和PHP去除回车换行符的方法

    在不同的操作系统,回车换行符号是不一样的,看下面: 首先说说\n,\r,\t \n 软回车: 在Windows 中表示换行且回到下一行的最开始位置 在Linux.unix 中只表示换行,但不会回到下一 ...

  2. js android 换行符,JavaScript字符串换行符?

    小编典典 我刚刚使用了一些愚蠢的JavaScript测试了一些浏览器: function log_newline(msg, test_value) { if (!test_value) { test_ ...

  3. javascript textarea的换行符

    在textarea里输入字符内容,或是从服务器传到前台页面的字符串,若其中包括换行符,等到JavaScript处理的时候,换行符都用"\n"表示.示例如下: <!DOCTYP ...

  4. js添加html换行符,javascript – 在contenteditable div中的输入键上插入换行符

    我试图插入一个换行符,而不是当我在一个contenteditable div中输入时浏览器想要插入的内容. 我当前的代码看起来像这样: if (e.which === 13) { e.stopProp ...

  5. Javascript - 获取到textarea文本框中的回车换行符 - 收集/实践 --- 20201005

    1.应用场景 主要用于获取到textarea文本框中的回车换行符 2.学习/操作 1. 文档 javascript获取到textarea文本框中的回车换行符 - Wuya - 博客园 js如何识别出字 ...

  6. JavaScript 加载文件--替换换行符

    第一天接触 JavaScript ,纯属学习.这里演示加载的文件仅限于文本文件,因为示例里是要把文件内容显示出来. 有 html 文件如下: <!DOCTYPE html> <htm ...

  7. js追加html内容换行符,javascript – 从HTML中提取文本,同时保留块级元素换行符

    考虑: /** * Returns the style for a node. * * @param n The node to check. * @param p The property to r ...

  8. java 流换行符_java流中的换行符在javascript中的表示

    前段时间做项目,用struts+ajax技术,结果出现在js中获取的responseText的值与action传过来的值不相等的现象. 在action中用 PrintWriter out = http ...

  9. css 识别变量中的换行符_跟我一起全面了解一下CSS变量

    什么是css变量? CSS变量,即CSS variable.官方的名称是级联变量的CSS自定义属性,即CSS custom properties for cascading variables.类似于 ...

最新文章

  1. CSS样式:background-position word-wrap是控制换行的。
  2. bmob php支付,基于Bmob在小程序端实现一键支付
  3. GitHub 给安全行业的四大启示
  4. app.vue只执行一次吗_面包可以只发酵一次吗?
  5. 『对比Excel,轻松学习Python数据分析』新书发布
  6. Halcon求取矩形顶点坐标
  7. 杭电1108java_按照这个步骤来刷题,迷茫的你两个月亦能成为王者
  8. C# 窗口大小及屏幕分辨率操作
  9. 精美Java 图书管理系统
  10. 期刊论文发表的格式详细介绍
  11. HRBUST 2386 - 霍冰阔落(主席树)
  12. 平衡电枢磁性扬声器行业调研报告 - 市场现状分析与发展前景预测
  13. AutoLeaders控制组——51单片机学习笔记(AD/DA、红外遥控)
  14. 科学论文写作文献查找运用--WOS文献导出
  15. 【开发工具】 Office Tool Plus 居然也可以部署 Office 365 我的天 真的是太厉害了
  16. 字母频率统计 c语言,C语言统计字母使用频率
  17. 走进Linux操作系统世界
  18. 两个很不错的网址导航大全
  19. Office_2019企业版安装教程
  20. eclipse安装、优化、配置、插件添加整理

热门文章

  1. 中移动深圳开启4G体验:上网速率是3G的20倍
  2. 曝光时间与快门速度有什么区别
  3. cmd安装Chocolatey
  4. Acwing 第 95 场周赛
  5. 美版三星s7 g930 p版刷官方国际版安卓8以及手机卡信号和关闭DM服务相关问题
  6. 四季度策略报告曝光基金高位“生存法则”!
  7. mysql提权总结方法四则
  8. #bss段,data段和text段
  9. MRO工业品有什么特点
  10. Invalid bound statement (not found)解决方案汇总