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的js分页代码
Jun 10 Javascript
用JQUERY增删元素的代码
Feb 14 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
jquery让指定的元素闪烁显示的方法
Mar 17 Javascript
JavaScript更改字符串的大小写
May 07 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
Oct 13 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 Javascript
使用nvm管理不同版本的node与npm的方法
Oct 31 Javascript
使用Vue自定义数字键盘组件(体验度极好)
Dec 19 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
Aug 24 Javascript
JS实现打砖块游戏
Feb 14 Javascript
详解js中的原型,原型对象,原型链
Jul 16 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
PHP批量生成图片缩略图的方法
2015/06/18 PHP
PHP使用数组实现矩阵数学运算的方法示例
2017/05/29 PHP
PHP join()函数用法与实例讲解
2019/03/11 PHP
jquery下动态显示jqGrid以及jqGrid的属性设置容易出现问题的解决方法
2010/10/22 Javascript
jquery 回车事件实现代码
2011/08/23 Javascript
Javascript继承机制的设计思想分享
2011/08/28 Javascript
使用javascript做的一个随机点名程序
2014/02/13 Javascript
jQuery对下拉框,单选框,多选框的操作
2014/02/21 Javascript
Javascript节点关系实例分析
2015/05/15 Javascript
jquery实现简易的移动端验证表单
2015/11/08 Javascript
javascript弹出带文字信息的提示框效果
2016/07/19 Javascript
Angularjs 动态添加指令并绑定事件的方法
2017/04/13 Javascript
如何根据业务封装自己的功能组件
2019/04/19 Javascript
在微信小程序中使用vant的方法
2019/06/07 Javascript
jquery实现购物车基本功能
2019/10/25 jQuery
python局域网ip扫描示例分享
2014/04/03 Python
Python的Django框架中的表单处理示例
2015/07/17 Python
python使用psutil模块获取系统状态
2016/08/27 Python
python之matplotlib学习绘制动态更新图实例代码
2018/01/23 Python
Django项目uwsgi+Nginx保姆级部署教程实现
2020/04/19 Python
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
京东全球售:直邮香港,澳门,台湾,美国,澳大利亚等地区
2017/09/24 全球购物
DOM和JQuery对象有什么区别
2016/11/11 面试题
期末自我鉴定
2014/02/02 职场文书
销售人员获奖感言
2014/02/05 职场文书
乡镇党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
高中生逃课检讨书
2014/10/10 职场文书
全陪导游词
2015/02/04 职场文书
饭店服务员岗位职责
2015/02/09 职场文书
运动与健康自我评价
2015/03/09 职场文书
科技活动总结范文
2015/05/11 职场文书
在校学生证明格式
2015/06/24 职场文书
MySQL窗口函数的具体使用
2021/11/17 MySQL
Dashboard管理Kubernetes集群与API访问配置
2022/04/01 Servers
MySQL详细讲解变量variables的用法
2022/06/21 MySQL
Vue router配置与使用分析讲解
2022/12/24 Vue.js