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 相关文章推荐
解决js正则匹配换行问题实现代码
Dec 10 Javascript
Javascript自定义排序 node运行 实例
Jun 05 Javascript
jQuery中prop()方法用法实例
Jan 05 Javascript
JS烟花背景效果实现方法
Mar 03 Javascript
JS实现模拟百度搜索“2012世界末日”网页地震撕裂效果代码
Oct 31 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
Dec 24 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
Mar 01 Javascript
基于jquery实现二级联动效果
Mar 30 jQuery
JavaScript正则表达式的贪婪匹配和非贪婪匹配
Sep 05 Javascript
vue 中的keep-alive实例代码
Jul 20 Javascript
基于javascript处理二进制图片流过程详解
Jun 08 Javascript
vue2.0实现列表数据增加和删除
Jun 17 Javascript
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
Netflix将与CLAMP、乙一以及冲方丁等6名知名制作人合伙展开原创动画计划!
2020/03/06 日漫
phpmyadmin里面导入sql语句格式的大量数据的方法
2010/06/05 PHP
php猜单词游戏
2015/09/29 PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
2016/08/01 PHP
Mac系统完美安装PHP7详细教程
2017/06/06 PHP
TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例
2019/05/29 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
javascript之水平横向滚动歌词同步的应用
2007/05/07 Javascript
编辑浪子版表单验证类
2007/05/12 Javascript
FileUpload 控件 禁止手动输入或粘贴的实现代码
2010/04/07 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
2014/11/20 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
avalonjs实现仿微博的图片拖动特效
2015/05/06 Javascript
coffeescript使用的方式汇总
2015/08/05 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
jquery实现的判断倒计时是否结束代码
2016/02/05 Javascript
详解如何使用webpack+es6开发angular1.x
2017/08/16 Javascript
Vue.js实现可编辑的表格
2019/12/11 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
2021/03/01 Javascript
python根据出生日期获得年龄的方法
2015/03/31 Python
Python 探针的实现原理
2016/04/23 Python
windows及linux环境下永久修改pip镜像源的方法
2016/11/28 Python
超简单的Python HTTP服务
2019/07/22 Python
基于Python实现拆分和合并GIF动态图
2019/10/22 Python
Python 生成一个从0到n个数字的列表4种方法小结
2019/11/28 Python
Python configparser模块操作代码实例
2020/06/08 Python
Banana Republic英国官网:香蕉共和国,GAP集团旗下偏贵族风
2018/04/24 全球购物
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
大学生学雷锋活动总结
2014/06/26 职场文书
努力工作保证书
2015/02/28 职场文书
争先创优个人总结
2015/03/04 职场文书
公司禁烟通知
2015/04/23 职场文书
七一表彰大会简报
2015/07/20 职场文书
小学校长开学致辞
2015/07/29 职场文书
网络研修随笔感言
2015/11/18 职场文书
教学反思怎么写
2016/02/24 职场文书