js中document.write和document.writeln的区别

下面是讲解js中document.write和document.writeln的区别的完整攻略:

概述

在 JavaScript 中,document.write()document.writeln() 方法都可以输出字符串到页面中。它们的主要区别在于输输出的字符串位置不同,document.write() 是将字符串输出到指定的输出流(通常是 HTML 文档的 body 部分),而 document.writeln() 方法相同的做法,只不过在字符串的末尾添加了一个换行符。

使用

document.write()

document.write() 方法可以接受多个参数。当向页面写入时,它会从左到右一个一个输出,每个参数都会从左到右输出。下面是一个使用 document.write() 方法的例子:

<!DOCTYPE html>
<html>
  <head>
    <title>Document.write demo</title>
  </head>
  <body>
    <script>
      document.write("Hello, ");
      document.write("world!");
    </script>
  </body>
</html>

这个例子会输出字符串 "Hello, world!" 到页面中。

document.writeln()

document.write() 方法不同,document.writeln() 方法在字符串的末尾添加了一个换行符。下面是一个使用 document.writeln() 方法的例子:

<!DOCTYPE html>
<html>
  <head>
    <title>Document.writeln demo</title>
  </head>
  <body>
    <script>
      document.writeln("Hello, ");
      document.writeln("world!");
    </script>
  </body>
</html>

这个例子会输出两行字符串到页面中:

Hello, 
world!

需要注意的是,由于 document.writeln() 在每个字符串的末尾添加了一个换行符,所以如果你想向页面中输出没有换行符的字符串,就需要使用 document.write() 方法。

总结

  • document.write() 方法可以将字符串输出到指定的输出流,而 document.writeln() 方法与之相同,只不过在字符串的末尾添加了一个换行符;
  • document.write() 方法可以接受多个参数,每个参数都会从左到右输出,而 document.writeln() 方法只接受一个参数;
  • 如果你想输出没有换行符的字符串,就需要使用 document.write() 方法。

希望以上内容对你有所帮助!

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中document.write和document.writeln的区别 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • js判断是否为数组的函数: isArray()

    要判断一个变量是否为数组,我们可以使用JavaScript中的isArray()函数。以下是关于该函数的详细攻略: 语法 Array.isArray(obj) 参数 obj:必需。 检测该对象是否是数组。 返回值 如果 obj 是数组返回 true,否则返回 false。 示例一 const arr = [1, 2, 3]; console.log(Arra…

    JavaScript 2023年5月27日
    00
  • JavaScript数组去重的几种方法详谈

    当我们需要去除 JavaScript 数组中的重复元素时,可以采用以下几种方法: 方法1:使用 Set 首先我们可以利用 Set 去重,因为 Set 只存储不重复的值,可以将一个数组转换为 Set 集合,再将 Set 集合转换为数组,就可以实现去重。具体代码如下: let arr = [1, 2, 3, 3, 4, 4, 5]; let set = new …

    JavaScript 2023年5月27日
    00
  • vue3中关于路由hash与History的设置

    下面是关于Vue3中路由hash与History的设置的详细攻略: 1. 路由设置 在Vue3中使用路由需要先安装vue-router,使用以下命令进行安装: npm install vue-router@4 1.1 history模式 如果使用history模式,则路由使用的是浏览器的history.pushState和history.replaceSta…

    JavaScript 2023年6月11日
    00
  • js获取指定日期周数以及星期几的小例子

    下面是“js获取指定日期周数以及星期几的小例子”的完整攻略: 确定指定日期的周数 定义一个日期对象,假设要获取的日期是2022年2月1日,代码如下: var date = new Date("2022-02-01"); 使用getDay()方法获取日期对应的星期几,这个方法返回的是0-6的数字,0表示星期日,1表示星期一,以此类推,代码如…

    JavaScript 2023年6月10日
    00
  • JavaScript中匿名函数用法实例

    JavaScript中匿名函数用法实例 JavaScript中的匿名函数也称为闭包(Closure),是一种特殊的函数类型,它没有函数名,但可以被当做一般函数一样调用,且具有私有变量和函数等特性。下面是几个实际用例,以帮助您更好地理解匿名函数。 基础用法 在JavaScript中,我们通常通过function关键字来定义函数,而匿名函数没有函数名。匿名函数可…

    JavaScript 2023年5月27日
    00
  • JS前端使用Blob和File读取文件的操作代码

    你想了解”JS前端使用Blob和File读取文件的操作代码”,下面我就为你详细讲解这个问题。 什么是Blob和File Blob和File是在前端任务中经常使用的两个对象,它们都是由二进制数据、文件名和文件类型组成的。其中,Blob对象可以表示不一定是一个JavaScript原生格式的数据,File对象则是特定的Blob对象,其基本体现是文件。这两个对象都可…

    JavaScript 2023年5月27日
    00
  • JS实现商城秒杀倒计时功能(动态设置秒杀时间)

    这里给出一个详细讲解JS实现商城秒杀倒计时功能(动态设置秒杀时间)的完整攻略,包含以下几个步骤: 步骤一:HTML结构 首先,在HTML页面中设置一个用来显示秒杀倒计时的元素,比如一个id为countdown的<div>,这个元素用来显示剩余的天、时、分、秒。同时,还需要设置一个用来存储当前秒杀的时间戳的隐藏<input>元素,比如一…

    JavaScript 2023年5月27日
    00
  • JavaScript实现斗地主游戏的思路

    JavaScript实现斗地主游戏的思路可以分为以下几个步骤: 1. 准备扑克牌 在JavaScript中,我们可以用一个数组来表示一副扑克牌。每张牌的信息可以包含花色和点数,我们可以使用对象来表示: const cards = [ { suit: ‘spades’, rank: ‘A’ }, { suit: ‘spades’, rank: ‘2’ }, {…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部