JavaScript用document.write()输出换行的示例代码

 更新时间:2020年11月26日 14:37:51   作者:牛哄哄的柯南  
这篇文章主要介绍了JavaScript用document.write()输出换行的示例代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

当我们想用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()输出换行的示例代码的文章就介绍到这了,更多相关js document.write()输出换行内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • three.js Mool3D模型类的使用

    three.js Mool3D模型类的使用

    这篇文章主要为大家介绍了three.js Mool3D模型类的使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 5 cool javascript apps

    5 cool javascript apps

    5 cool javascript apps...
    2007-03-03
  • javascript css styleFloat和cssFloat

    javascript css styleFloat和cssFloat

    在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的,IE下对应得是 styleFloat,firefox,chorme,safari下对应的是cssFloat,可用in运算符去检测style是否包含此属性。
    2010-03-03
  • JS获取农历日期具体实例

    JS获取农历日期具体实例

    这篇文章介绍了JS获取农历日期具体实例,有需要的朋友可以参考一下
    2013-11-11
  • javascript打印输出json实例

    javascript打印输出json实例

    这篇文章介绍了javascript打印输出json实例,有需要的朋友可以参考一下
    2013-11-11
  • IE6 hack for js 集锦

    IE6 hack for js 集锦

    本文主要讲诉了使用js实现网站功能兼容IE6,非常的实用的小技巧,有需要的朋友可以参考下
    2014-09-09
  • uniapp中使用videojs构建H5直播播放器

    uniapp中使用videojs构建H5直播播放器

    这篇文章主要为大家介绍了uniapp中使用videojs构建H5直播播放器实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • JS的事件循环执行机制详解

    JS的事件循环执行机制详解

    JS执行是单线程的,它是基于事件循环的,那么本篇博文就来分享一下关于JS的事件循环执行机制,感兴趣的小伙伴可以跟着小编一起来学习
    2023-05-05
  • js实现C#的StringBuilder效果完整实例

    js实现C#的StringBuilder效果完整实例

    这篇文章主要介绍了js实现C#的StringBuilder效果,以完整实例形式分析总结了js实现C#的StringBuilder效果的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • JavaScript实现字符串转数组的6种方法总结

    JavaScript实现字符串转数组的6种方法总结

    数组是 JavaScript 中最强大的数据结构,我们常常通过将字符串转换为数组来解决许多算法。本文为大家总结了6个JS字符串转数组的方法,希望对你有所帮助
    2022-09-09

最新评论