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防止用户多次提交的简单代码
Aug 01 Javascript
jquery改变disabled的boolean状态的三种方法
Dec 13 Javascript
一行命令搞定node.js 版本升级
Jul 20 Javascript
node.js中的fs.lstat方法使用说明
Dec 16 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
通过正则表达式获取url中参数的简单实现
Jun 07 Javascript
微信小程序 数据绑定详解及实例
Oct 25 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
Jan 03 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
Apr 18 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
May 24 Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 Javascript
javascript设计模式之装饰者模式
Jan 30 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中批量替换文件名的实现代码
2011/07/20 PHP
深入解析PHP的引用计数机制
2013/06/14 PHP
js和php邮箱地址验证的实现方法
2014/01/09 PHP
PHP中addslashes()和stripslashes()实现字符串转义和还原用法实例
2016/01/07 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
javascript优先加载笔记代码
2008/09/30 Javascript
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
jQuery LigerUI 使用教程入门篇
2012/01/18 Javascript
基于jquery的时间段实现代码
2012/08/02 Javascript
jQuery在iframe中无法弹出对话框的解决方法
2014/01/12 Javascript
基于jQuery实现左侧菜单栏可折叠功能
2016/12/27 Javascript
Angular.js指令学习中一些重要属性的用法教程
2017/05/24 Javascript
js中数组对象去重的两种方法
2019/01/18 Javascript
深入理解Node内建模块和对象
2019/03/12 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
Django框架模板语言实例小结【变量,标签,过滤器,继承,html转义】
2019/05/23 Python
keras模型保存为tensorflow的二进制模型方式
2020/05/25 Python
OpenCV 之按位运算举例解析
2020/06/19 Python
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
HOTEL INFO英国:搜索全球酒店
2019/08/08 全球购物
以下为Windows NT 下的32 位C++程序,请计算sizeof 的值
2016/12/07 面试题
物流专业求职计划书
2014/01/10 职场文书
2014的自我评价
2014/01/13 职场文书
文明家庭先进事迹材
2014/01/27 职场文书
《落花生》教学反思
2014/02/25 职场文书
信息管理应届生求职信
2014/03/07 职场文书
社区班子对照检查材料
2014/08/27 职场文书
2014高中生入党思想汇报范文
2014/09/13 职场文书
社区综治工作汇报
2014/10/27 职场文书
先进集体申报材料
2014/12/25 职场文书
房贷工资证明范本
2015/06/12 职场文书
会议简报格式范文
2015/07/20 职场文书
2015年秋季灭鼠工作总结
2015/07/27 职场文书
《秋天的图画》教学反思
2016/02/19 职场文书
干货:如何写好工作总结报告!
2019/05/10 职场文书
Windows Server 2012配置DNS服务器的方法
2022/04/29 Servers