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 页面执行时间计算代码
Mar 04 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
Sep 21 Javascript
深入分析js的冒泡事件
Dec 05 Javascript
jquery超简单实现手风琴效果的方法
Jun 05 Javascript
JS+CSS实现仿msn风格选项卡效果代码
Oct 22 Javascript
jquery.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
Apr 03 Javascript
jQuery实现的简单拖拽功能示例
Sep 13 Javascript
bootstrap下拉列表与输入框组结合的样式调整
Oct 08 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
May 29 Javascript
jQuery操作元素的内容和样式完整实例分析
Jan 10 jQuery
video.js添加自定义组件的方法
Dec 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 zend 相对路径问题
2009/01/12 PHP
深入PHP FTP类的详解
2013/06/13 PHP
两种设置php载入页面时编码的方法
2014/07/29 PHP
php实现计数器方法小结
2015/01/05 PHP
Centos下升级php5.2到php5.4全记录(编译安装)
2015/04/03 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
php数组指针操作详解
2017/02/14 PHP
浅析php如何实现爬取数据原理
2018/09/27 PHP
js实现瀑布流效果(自动生成新的内容)
2017/03/16 Javascript
JS中图片压缩的方法小结
2017/11/14 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
2018/04/13 Javascript
JavaScript中变量提升与函数提升经典实例分析
2018/07/26 Javascript
iphone刘海屏页面适配方法
2019/05/07 Javascript
JQuery中的常用事件、对象属性与使用方法分析
2019/12/23 jQuery
小程序瀑布流组件实现翻页与图片懒加载
2020/05/19 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
2020/10/27 Javascript
简单介绍Python的Tornado框架中的协程异步实现原理
2015/04/23 Python
Python实现基本数据结构中栈的操作示例
2017/12/04 Python
python opencv实现任意角度的透视变换实例代码
2018/01/12 Python
解决Tensorflow安装成功,但在导入时报错的问题
2018/06/13 Python
python实现定时提取实时日志程序
2018/06/22 Python
Python数据预处理之数据规范化(归一化)示例
2019/01/08 Python
Python函数中的可变长参数详解
2019/09/12 Python
对python中arange()和linspace()的区别说明
2020/05/03 Python
Python偏函数Partial function使用方法实例详解
2020/06/17 Python
详解CSS3的图层阴影和文字阴影效果使用
2016/06/09 HTML / CSS
美国最灵活的移动提供商:Tello
2017/07/18 全球购物
数控技术应届生求职信
2013/11/13 职场文书
乡镇信息公开实施方案
2014/03/23 职场文书
校长竞聘演讲稿
2014/05/16 职场文书
软环境建设心得体会
2014/09/09 职场文书
幼儿园个人师德总结
2015/02/06 职场文书
2015年世界环境日演讲稿
2015/03/18 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书
基于Redis的List实现特价商品列表功能
2021/08/30 Redis
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL