Js打印输出(js打印语句)

一、Js打印输出语句

在编写Javascript代码时,经常需要在控制台或者页面中查看中间结果或信息。此时就需要使用到打印输出语句。

console.log('Hello, World!')

以上代码就可以在控制台输出 ‘Hello, World!’,并用换行符分隔输出。console.log() 可以输出任意类型的数据,包括字符串、数字、布尔值、对象等等。

console.log(5 + 8)

以上代码就可以在控制台输出 13。

二、Js打印输出直角三角形

为了更加直观地说明如何打印输出一些特殊形状的图案,我们可以以打印输出直角三角形为例。

for (let i = 1; i <= 5; i++) {
  let line = ''
  for (let j = 1; j <= i; j++) {
    line += '*'
  }
  console.log(line)
}

以上代码将会在控制台打印输出以下直角三角形图案:

*
**
***
****
*****

三、Js打印输出变量

在实际的编程过程中,我们需要不断定义变量,并根据需要赋值、修改、输出变量的值。

var x = 5
console.log(x)

以上代码将会在控制台打印输出变量 x 的值:5。

var str = 'JS'
console.log('Hello, ' + str)

以上代码将会在控制台打印输出 ‘Hello, JS’。在输出过程中,使用了字符串拼接的方式连接了两个字符串。

四、页面中打印输出Js我来了

除了在控制台中打印输出,我们还可以在页面中动态地输出一些内容。例如,在页面中打印输出 ‘JS 我来了’。

document.write('JS 我来了')

以上代码会在当前页面中输出 ‘JS 我来了’。

五、Js打印输出爱心

除了打印基础的图案外,我们还可以打印一些花式的图案。如下是一个通过打印输出实现的爱心图案。

console.log('  ♥♥♥♥♥♥♥♥')
console.log(' ♥♥♥♥♥♥♥♥♥♥')
console.log('♥♥♥♥♥♥♥♥♥♥♥♥')
console.log('♥♥♥♥♥♥♥♥♥♥♥♥')
console.log(' ♥♥♥♥♥♥♥♥♥♥')
console.log('  ♥♥♥♥♥♥♥♥')

六、Js打印输出到页面

如果需要将打印输出的结果动态地显示到当前页面中,可以通过以下方式实现。

var output = 'Hello, World!'
document.getElementById('output').innerHTML = output

以上代码将会将变量输出的结果输出到 id 为 output 的元素中。

七、Js所有打印输出语句

除了常用的 console.log() 外,Js 还提供了其他几种打印输出语句。

  1. console.info():输出信息性的消息
  2.   console.info('This is an information message.')
      
  3. console.warn():输出警告信息
  4.   console.warn('This is a warning message.')
      
  5. console.error():输出错误信息
  6.   console.error('This is an error message.')
      
  7. console.debug():输出调试信息
  8.   console.debug('This is a debug message.')
      

八、Js打印到控制台

console.log() 是最常用的打印输出语句,但在不同的开发环境下,console 可能存在不同的问题。

如果需要更加稳定可靠地输出日志信息,可以使用控制台的 API,在不同的平台上输出相同的日志信息。

onmessage = function(event) {
  console.log(event.data)
  console.info(event.origin)
}
postMessage('Hello, World!', 'http://localhost')

以上代码通过控制台 API,更加灵活地输出日志信息。

九、Js输出的三种方式

除了打印输出外,Js 还有另外两种输出方式,分别是 alert() 和 prompt()。

alert() 是一种弹出框的形式,将消息以对话框的方式呈现给用户。

alert('Hello, World!')

prompt() 同样是以对话框的形式呈现,但与 alert() 不同的是,它还可以接受用户的输入。

var user = prompt('What is your name?')
console.log('Hello, ' + user)

十、Js控制台输出文字

除了打印输出数据外,我们也可以在控制台输出一些常规的文字信息,例如下面的字体设计。

console.log('%c JS 打印输出', 'background: #9acfea; color: #fff; font-size: 24px; font-weight: bold; padding: 16px; border-radius: 4px;')

以上代码将会在控制台输出特殊设计的 ‘JS 打印输出’ 文字。

以上为 Js 打印输出的一些相关内容介绍,希望能够帮助到学习 Js 的开发者。

Published by

风君子

独自遨游何稽首 揭天掀地慰生平