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实现id模糊查询的小例子
Mar 19 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
Oct 15 Javascript
多种方法实现360浏览器下禁止自动填写用户名密码
Jun 16 Javascript
node.js中的fs.lchownSync方法使用说明
Dec 16 Javascript
Jquery获取radio选中的值
May 05 jQuery
AngularJS中下拉框的高级用法示例
Oct 11 Javascript
微信小程序如何刷新当前界面的实现方法
Jun 07 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
Sep 26 Javascript
vue-autoui自匹配webapi的UI控件的实现
Mar 20 Javascript
Node.js API详解之 dns模块用法实例分析
May 15 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
Oct 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
Zend Studio (eclipse)使用速度优化方法
2011/03/23 PHP
Zend Framework教程之模型Model用法简单实例
2016/03/04 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
求得div 下 img的src地址的js代码
2007/02/28 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
js 判断上传文件大小及格式代码
2013/11/13 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
jQuery Mobile动态刷新页面样式的实现方法
2016/05/28 Javascript
简单了解JavaScript操作XPath的一些基本方法
2016/06/03 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
JS实现列表的响应式排版(推荐)
2016/09/01 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
2018/01/03 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
2018/03/02 Javascript
react-native android状态栏的实现
2018/06/15 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
Angular(5.2-&gt;6.1)升级小结
2018/12/27 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
2019/04/03 Javascript
JS合并两个数组的3种方法详解
2019/10/24 Javascript
javascript 函数的暂停和恢复实例详解
2020/04/25 Javascript
vue+echarts实现动态折线图的方法与注意
2020/09/01 Javascript
[02:16]完美世界DOTA2联赛PWL S3 集锦第三期
2020/12/21 DOTA
Python随机数random模块使用指南
2016/09/09 Python
详解python3中的真值测试
2018/08/13 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
对Python发送带header的http请求方法详解
2019/01/02 Python
在python中计算ssim的方法(与Matlab结果一致)
2019/12/19 Python
Python return语句如何实现结果返回调用
2020/10/15 Python
HTML5 常见面试题之PC端和移动端区别介绍
2018/01/22 HTML / CSS
加拿大在线隐形眼镜专家:PerfectLens.ca
2016/11/19 全球购物
Haggar官网:美国男装品牌
2020/02/16 全球购物
副总经理工作职责
2013/11/28 职场文书
学校大课间活动方案
2014/01/30 职场文书
销售人员工作自我评价
2014/09/21 职场文书
Python OpenCV快速入门教程
2021/04/17 Python
Opencv实现二维直方图的计算及绘制
2021/07/21 Python
MySQL基于索引的压力测试的实现
2021/11/07 MySQL