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 相关文章推荐
jquery keypress,keyup,onpropertychange键盘事件
Jun 25 Javascript
jquery中的on方法使用介绍
Dec 29 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
jquery滚动到顶部底部代码
Apr 20 Javascript
jquery小火箭返回顶部代码分享
Aug 19 Javascript
jQuery实现点击查看大图并以弹框的形式居中
Aug 08 Javascript
微信小程序删除处理详解
Aug 16 Javascript
Bootstrap一款超好用的前端框架
Sep 25 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
vue-router源码之history类的浅析
May 21 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
Nov 26 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
Apr 10 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
调试WordPress中定时任务的相关PHP脚本示例
2015/12/10 PHP
php执行多个存储过程的方法【基于thinkPHP】
2016/11/08 PHP
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
2014/10/17 Javascript
jQuery $命名冲突解决方案汇总
2014/11/13 Javascript
javascript和jquery实现用户登录验证
2016/05/04 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
用AngularJS的指令实现tabs切换效果
2016/08/31 Javascript
BootStrop前端框架入门教程详解
2016/12/25 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
2017/06/04 Javascript
基于 webpack2 实现的多入口项目脚手架详解
2017/06/26 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
2017/08/15 jQuery
Vue组件之极简的地址选择器的实现
2018/05/31 Javascript
Vue项目添加动态浏览器头部title的方法
2018/07/11 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
详解js访问对象的属性和方法
2018/10/25 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
2019/04/10 Javascript
详解ES6实现类的私有变量的几种写法
2021/02/10 Javascript
[50:58]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 Mineski vs EG
2018/04/03 DOTA
[51:15]完美世界DOTA2联赛PWL S2 PXG vs Magma 第一场 11.21
2020/11/24 DOTA
[01:01:52]DOTA2-DPC中国联赛正赛 iG vs LBZS BO3 第一场 3月4日
2021/03/11 DOTA
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
Gap加拿大官网:Gap Canada
2017/08/24 全球购物
伯利陶器:Burleigh Pottery
2018/01/03 全球购物
英国领先的电视购物零售商:Ideal World
2019/03/18 全球购物
大一军训感言
2014/01/09 职场文书
财产公证书格式
2014/04/10 职场文书
珍爱生命演讲稿
2014/05/10 职场文书
毕业生找工作求职信
2014/08/05 职场文书
假如给我三天光明读书笔记
2015/06/26 职场文书
爱护环境建议书
2015/09/14 职场文书
win10键盘驱动怎么修复?Win10键盘驱动修复小技巧
2022/04/06 数码科技
Java版 单机五子棋
2022/05/04 Java/Android