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 相关文章推荐
使用 JScript 创建 .exe 或 .dll 文件的方法
Jul 13 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
javascript学习笔记(五)原型和原型链详解
Oct 08 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
May 30 Javascript
JS简单实现点击复制链接的方法
Aug 03 Javascript
微信小程序 自己制作小组件实例详解
Dec 22 Javascript
Javascript es7中比较实用的两个方法示例
Jul 21 Javascript
浅谈vue自定义全局组件并通过全局方法 Vue.use() 使用该组件
Dec 07 Javascript
使用socket.io实现简单聊天室案例
Jan 02 Javascript
vue自定义全局组件(自定义插件)的用法
Jan 30 Javascript
用Axios Element实现全局的请求loading的方法
Mar 15 Javascript
Vue框架TypeScript装饰器使用指南小结
Feb 18 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中使用cookie来保存用户登录信息的实现代码
2012/03/08 PHP
php中3des加密代码(完全与.net中的兼容)
2012/08/02 PHP
PHP 读取Postgresql中的数组
2013/04/14 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
jquery遍历input取得input的name
2009/04/27 Javascript
javascript 用记忆函数快速计算递归函数
2010/03/15 Javascript
js判断某个方法是否存在实例代码
2015/01/10 Javascript
AngularJS在IE8的不支持的解决方法
2016/05/13 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
2016/05/27 Javascript
jquery表单插件form使用方法详解
2017/01/20 Javascript
nodejs入门教程三:调用内部和外部方法示例
2017/04/24 NodeJs
javascript 面向对象实战思想分享
2017/09/07 Javascript
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
react 中父组件与子组件双向绑定问题
2019/05/20 Javascript
jQuery pager.js 插件动态分页功能实例分析
2019/08/02 jQuery
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
python实现根据主机名字获得所有ip地址的方法
2015/06/28 Python
在Python文件中指定Python解释器的方法
2019/02/18 Python
Django将默认的SQLite更换为MySQL的实现
2019/11/18 Python
Python3.7下安装pyqt5的方法步骤(图文)
2020/05/12 Python
Python3创建Django项目的几种方法(3种)
2020/06/03 Python
python中判断文件结束符的具体方法
2020/08/04 Python
CSS3的Flexbox布局的简明入门指南
2016/04/08 HTML / CSS
人力资源行政经理自我评价
2013/10/23 职场文书
经典的班主任推荐信
2013/10/28 职场文书
教学改革实施方案
2014/03/31 职场文书
安全责任书模板
2014/07/22 职场文书
住房租房协议书
2014/08/20 职场文书
委托书的写法
2014/09/16 职场文书
银行柜员与客户起冲突检讨书
2014/09/27 职场文书
合作意向书怎么写
2019/06/24 职场文书
Laravel中获取IP的真实地理位置
2021/04/01 PHP
golang 实现对Map进行键值自定义排序
2021/04/28 Golang
利用Selenium添加cookie实现自动登录的示例代码(fofa)
2021/05/08 Python