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 相关文章推荐
Wordpress ThickBox 添加“查看原图”效果代码
Dec 11 Javascript
jquery实现输入框动态增减的实例代码
Jul 14 Javascript
Javascript中innerHTML用法实例分析
Jan 12 Javascript
JS动态加载当前时间的方法
Feb 09 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
Nov 25 Javascript
JavaScript中双符号的运算详解
Mar 12 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
完美解决axios跨域请求出错的问题
Feb 05 Javascript
bootstrap-table formatter 使用vue组件的方法
May 09 Javascript
vue element upload组件 file-list的动态绑定实现
Oct 11 Javascript
vue 使用 canvas 实现手写电子签名
Mar 06 Javascript
原生js实现碰撞检测
Mar 12 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/07/16 PHP
php更改目录及子目录下所有的文件后缀的代码
2010/09/24 PHP
PHP删除数组中空值的方法介绍
2014/04/14 PHP
PHP加密解密字符串汇总
2015/04/26 PHP
PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
2017/08/11 PHP
JavaScript CSS 修改学习第四章 透明度设置
2010/02/19 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
2012/12/23 Javascript
在javascript中对于DOM的加强
2013/04/11 Javascript
Javascript的时间戳和php的时间戳转换注意事项
2013/04/12 Javascript
JS自调用匿名函数具体实现
2014/02/11 Javascript
JS实现在状态栏显示打字效果完整实例
2015/11/02 Javascript
jQuery的文档处理程序详解
2016/05/10 Javascript
js控制div层的叠加简单方法
2016/10/15 Javascript
浅谈Vue为什么不能检测数组变动
2019/10/14 Javascript
Vue实现购物车实例代码两则
2020/05/30 Javascript
Python3实现连接SQLite数据库的方法
2014/08/23 Python
Python中类的继承代码实例
2014/10/28 Python
详谈Python3 操作系统与路径 模块(os / os.path / pathlib)
2018/04/26 Python
python 将print输出的内容保存到txt文件中
2018/07/17 Python
OpenCV 边缘检测
2019/07/10 Python
PyCharm中代码字体大小调整方法
2019/07/29 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
基于Python计算圆周率pi代码实例
2020/03/25 Python
python在协程中增加任务实例操作
2021/02/28 Python
CSS去掉A标签(链接)虚线框的方法
2014/04/01 HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
世界最大的票务市场:viagogo
2017/02/16 全球购物
Cotton On香港网站:澳洲时装连锁品牌
2018/11/01 全球购物
美国家庭鞋店:Shoe Sensation
2019/09/27 全球购物
介绍一下RMI的基本概念
2016/12/17 面试题
英文求职信结束语大全
2013/10/26 职场文书
主题酒店策划书
2014/01/28 职场文书
开门红主持词
2014/04/02 职场文书
农业生产宣传标语
2014/10/08 职场文书
机关作风建设剖析材料
2014/10/11 职场文书
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS