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 相关文章推荐
学习ExtJS(一) 之基础前提
Oct 07 Javascript
高性能Javascript笔记 数据的存储与访问性能优化
Aug 02 Javascript
js 点击a标签 获取a的自定义属性方法
Nov 21 Javascript
JavaScript获取中英文混合字符串长度的方法示例
Feb 04 Javascript
微信小程序手势操作之单触摸点与多触摸点
Mar 10 Javascript
bootstrap警告框示例代码分享
May 17 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
Jan 02 jQuery
解决bootstrap-select 动态加载数据不显示的问题
Aug 10 Javascript
webpack实现一个行内样式px转vw的loader示例
Sep 13 Javascript
es6数据变更同步到视图层的方法
Mar 04 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
小程序实现密码输入框
Nov 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音乐采集(部分代码)
2007/02/14 PHP
Yii调试SQL的常用方法
2014/07/09 PHP
针对多用户实现头像上传功能PHP代码 适用于登陆页面制作
2016/08/17 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
JavaScript中的闭包原理分析
2010/03/08 Javascript
Jquery getJSON方法详细分析
2013/12/26 Javascript
JavaScript实现的石头剪刀布游戏源码分享
2014/08/22 Javascript
JavaScript整除运算函数ceil和floor的区别分析
2015/04/14 Javascript
AngularJS控制器继承自另一控制器
2016/05/09 Javascript
AngularJS中isolate scope的用法分析
2016/11/22 Javascript
深入理解jquery中的each用法
2016/12/14 Javascript
JS实现购物车特效
2017/02/02 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
jQuery plugin animsition使用小结
2017/09/14 jQuery
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
vue自定义指令用法经典实例小结
2019/03/16 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
2019/10/08 jQuery
JavaScript复制变量三种方法实例详解
2020/01/09 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
python中使用xlrd、xlwt操作excel表格详解
2015/01/29 Python
利用numpy+matplotlib绘图的基本操作教程
2017/05/03 Python
python 换位密码算法的实例详解
2017/07/19 Python
python数字图像处理实现直方图与均衡化
2018/05/04 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
Python实现html转换为pdf报告(生成pdf报告)功能示例
2019/05/04 Python
python使用QQ邮箱实现自动发送邮件
2020/06/22 Python
Django静态文件加载失败解决方案
2020/08/26 Python
浅析rem和em和px vh vw和% 移动端长度单位
2016/04/28 HTML / CSS
网页美工求职信
2014/02/15 职场文书
道路建设实施方案
2014/03/18 职场文书
优秀少先队辅导员先进事迹材料
2014/05/18 职场文书
挂职锻炼个人总结
2015/03/05 职场文书
终止劳动合同通知书
2015/04/16 职场文书
2016年第十四个公民道德宣传日活动总
2016/04/01 职场文书
配置Kubernetes外网访问集群
2022/03/31 Servers
vue elementUI表格控制对应列
2022/04/13 Vue.js