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 参数传递的实际应用代码分析
Sep 13 Javascript
jQuery获得内容和属性示例代码
Jan 16 Javascript
在JavaScript中处理字符串之link()方法的使用
Jun 08 Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 Javascript
深入分析Javascript事件代理
Jan 30 Javascript
Jquery判断form表单数据是否变化
Mar 30 Javascript
在vue-cli中组件通信的方法
Dec 16 Javascript
使用JavaScript实现node.js中的path.join方法
Aug 12 Javascript
Angular动态绑定样式及改变UI框架样式的方法小结
Sep 03 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
Sep 20 Javascript
解决layui checkbox 提交多个值的问题
Sep 02 Javascript
bootstrap实现tab选项卡切换
Aug 09 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中动态HTML的输出技术
2006/10/09 PHP
php单件模式结合命令链模式使用说明
2008/09/07 PHP
理解和运用PHP中的多态性[译]
2011/08/02 PHP
浅析is_writable的php实现
2013/06/18 PHP
解析PHP中$_FILES的使用以及注意事项
2013/07/05 PHP
PHP中对缓冲区的控制实现代码
2013/09/29 PHP
php商品对比功能代码分享
2015/09/24 PHP
thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例
2019/08/13 PHP
一个简单的网站访问JS计数器 刷新1次加1次访问
2012/09/20 Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
2012/12/15 Javascript
JavaScript移除数组元素减少长度的方法
2013/09/05 Javascript
js 距离某一时间点时间是多少实现代码
2013/10/14 Javascript
js简单实现让文本框内容逐个字的显示出来
2013/10/22 Javascript
JS实现字体选色板实例代码
2013/11/20 Javascript
jQuery中clone()方法用法实例
2015/01/16 Javascript
基于Vue2的移动端开发环境搭建详解
2016/11/03 Javascript
AngularJS中$apply方法和$watch方法用法总结
2016/12/13 Javascript
jQuery Form表单取值的方法
2017/01/11 Javascript
canvas绘图不清晰的解决方案
2017/02/28 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
2018/05/14 Javascript
Angular Excel 导入与导出的实现代码
2019/04/17 Javascript
vue2.0 实现富文本编辑器功能
2019/05/26 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
2019/06/03 Javascript
[39:18]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第二场 12.17
2020/12/19 DOTA
python实现随机梯度下降(SGD)
2020/03/24 Python
Python 加密与解密小结
2018/12/06 Python
keras的三种模型实现与区别说明
2020/07/03 Python
Python实现七个基本算法的实例代码
2020/10/08 Python
如何给HTML标签中的文本设置修饰线
2019/11/18 HTML / CSS
美国药妆网站:EDCskincare.com(防晒、痤疮、抗衰老等)
2017/04/28 全球购物
工商技校毕业生自荐信
2013/11/15 职场文书
工业设计毕业生自荐信
2014/04/13 职场文书
大学生找工作求职信
2014/07/09 职场文书
2014年个人委托书范本
2014/10/13 职场文书
家长意见书
2015/06/04 职场文书
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python