JavaScript用document.write()输出换行的示例代码


Posted in Javascript onNovember 26, 2020

当我们想用document.write()输出换行时,可能会第一时间想到加"\n",但是其实不能达到我们的想要效果,只会得到一个空格的效果。

正确的方法是使用:</br>

样例代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script>
			
			// 使用 \n 换行 ---> 错误的方法
			
			document.write("这是第一句话。" + "\n"); // 并不会换行,只会得到一个空格的效果
			document.write("这是第二句话。");
			
			
			document.write("</br>"); // 正确的换行
			document.write("</br>");
			document.write("</br>");
			
			// 使用正确的方法 </br> 换行
			
			document.write("这是第一句话。。" + "</br>");
			document.write("这是第二句话。。");
			
		</script>
		<title></title>
	</head>
	<body>
	</body>
</html>

效果截图:

JavaScript用document.write()输出换行的示例代码

到此这篇关于JavaScript用document.write()输出换行的示例代码的文章就介绍到这了,更多相关js document.write()输出换行内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 Javascript
javascript实现禁止右键和F12查看源代码
Dec 26 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
简单实现js选项卡切换效果
Feb 03 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
Mar 30 Javascript
JS从一组数据中找到指定的单条数据的方法
Jun 02 Javascript
Jquery获取当前城市的天气信息
Aug 05 Javascript
JS实现的数字格式化功能示例
Feb 10 Javascript
JavaScript实现字符串与HTML格式相互转换
Mar 17 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
May 11 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 Javascript
vue使用过滤器格式化日期
Jan 20 Vue.js
vue单元格多列合并的实现
Nov 26 #Vue.js
VUE项目实现主题切换的多种方法
Nov 26 #Vue.js
js实现弹窗猜数字游戏
Nov 26 #Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 #Vue.js
vue实现广告栏上下滚动效果
Nov 26 #Vue.js
javascript实现前端分页功能
Nov 26 #Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 #Javascript
You might like
第三节--定义一个类
2006/11/16 PHP
php中inlcude()性能对比详解
2012/09/16 PHP
PHP异常处理浅析
2015/05/12 PHP
PHP中ltrim与rtrim去除左右空格及特殊字符实例
2016/01/07 PHP
php等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
php运行报错Call to undefined function curl_init()的最新解决方法
2016/11/20 PHP
详解CSS样式中的 !important * _ 符号
2021/03/09 HTML / CSS
Jquery命名冲突解决的五种方案分享
2012/03/16 Javascript
js切换div css注意的细节
2012/12/10 Javascript
jquery重新播放css动画所遇问题解决
2013/08/21 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
Nodejs全栈框架StrongLoop推荐
2014/11/09 NodeJs
Node.js Addons翻译(C/C++扩展)
2016/06/12 Javascript
AngularJS中的按需加载ocLazyLoad示例
2017/01/11 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
2017/07/03 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
Vue项目中如何使用Axios封装http请求详解
2019/10/23 Javascript
[02:07]DOTA2超级联赛专访BBC:难忘网吧超神经历
2013/06/09 DOTA
Python中的面向对象编程详解(下)
2015/04/13 Python
举例讲解Python面向对象编程中类的继承
2016/06/17 Python
python使用Pycharm创建一个Django项目
2018/03/05 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
python中绕过反爬虫的方法总结
2020/11/25 Python
详解基于 Canvas 手撸一个六边形能力图
2019/09/02 HTML / CSS
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
全球摩托车装备领导者:RevZilla
2017/09/04 全球购物
美国婴儿和儿童服装购物网站:PatPat
2020/10/01 全球购物
大学生职业生涯设计书
2014/01/02 职场文书
学校介绍信范文
2014/01/14 职场文书
研究生毕业鉴定
2014/01/29 职场文书
听课评课活动心得体会
2016/01/15 职场文书
开发一个封装iframe的vue组件
2021/03/29 Vue.js
yyds什么意思?90后已经听不懂00后讲话了……
2022/02/03 杂记
java项目构建Gradle的使用教程
2022/03/24 Java/Android
Python采集股票数据并制作可视化柱状图
2022/04/04 Python
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers