JavaScript输出,js输出数据类型

  JavaScript输出,js输出数据类型

  这篇文章带给你一些关于javascript的知识。在JavaScript中,与Java和其他语言不同,它没有任何打印或输出方法。在js中,有四种方式输出数据。本文通过示例代码给你详细介绍,希望对你有所帮助。

  【相关推荐:javascript视频教程,web前端】

  

前言

  在JavaScript中,不像Java等语言,它没有任何打印或输出方法。通常,以下四种方式用于输出数据。

  使用window.alert()弹出警告框,使用document.write()将内容写入HTML文档,使用innerHTML写入HTML元素,使用console.log()写入浏览器的控制台。在这里,它们被用来展示一个例子。

  

window.alert()

  创建一个新的HTML文件,然后用VSCode编写以下代码。

  !声明文档类型

  超文本标记语言

  头

  meta charset=utf-8 /

  meta name= viewport content= width=device-width,initial-scale=1

  titlewindow.alert()/title

  /头

  身体

  p弹出窗口显示/p

  脚本类型=文本/javascript

  Window.alert(这是一个弹出测试!);

  /脚本

  /body

  /html然后用浏览器打开上面的文件,打开后会弹出如下窗口。单击确定关闭弹出窗口,然后在网页中显示内容。

  

document.write()

   !声明文档类型

  超文本标记语言

  头

  meta charset=utf-8 /

  meta name= viewport content= width=device-width,initial-scale=1

  title document . write()/标题

  /头

  身体

  编写HTML文档/p

  脚本类型=文本/javascript

  document . write(Date());

  /脚本

  /body

  HTML新建一个HTML文件,写入上述内容后,浏览器打开,页面显示如下内容。可以看到用document.write()写当前时间是成功的。但需要注意的是,document.write()如果在加载内容之前与其他内容同时加载,可以与其他内容一起显示。但是,如果在页面内容加载后执行document.write(),则之前加载的内容将被写入的内容覆盖。

  !声明文档类型

  超文本标记语言

  头

  meta charset=utf-8 /

  meta name= viewport content= width=device-width,initial-scale=1

  title document . write()/标题

  /头

  身体

  编写HTML文档/p

  按钮onclick=showDate()显示时间/按钮

  脚本类型=文本/javascript

  函数showDate() {

  document . write(Date());

  }

  /脚本

  /body

  /html以下是页面加载后执行document.write()前后的对比,说明页面加载后调用document.write()会覆盖之前的页面内容。

  前后时期

  

innerHTML

   JavaScript如果要访问一个HTML元素,此时可以使用document.getElementById(id)方法,然后可以使用innerHTML获取或插入元素内容。

  !声明文档类型

  超文本标记语言

  头

  meta charset=utf-8 /

  meta name= viewport content= width=device-width,initial-scale=1

  title innerhtml/标题

  /头

  身体

  P id=inner 操作HTML元素/p

  Button onclick=changeContext()点击修改以上内容/按钮

  脚本类型=文本/javascript

  函数changeContext() {

  Document.getElementByid (inner )。innerHTML=修改的内容;

  }

  /脚本

  /body

  /html修改前后。

  

console.log()

  要使用console.log()方法,我们需要浏览器支持调试。一般推荐Chrome。然后使用F12快捷键打开调试模式,并切换到调试窗口中的控制台菜单。因为我用的是Edge,所以这里展示的是控制台。这个主要是根据我自己的喜好来选择浏览器,不过一般更推荐Chrome。

  !声明文档类型

  超文本标记语言

  头

  meta charset=utf-8 /

  meta name= viewport content= width=device-width,initial-scale=1

  titleconsole.log/title

  /头

  身体

  p浏览器调试模式视图/p

  脚本类型=文本/javascript

  var num1=11

  var num2=10

  console . log(num 1 num 2);

  /脚本

  /body

  /html

  

总结

  以上是关于JavaScript中的输出。虽然没有类似于Java的System.out.println()方法来打印输出,但以上四种方法基本可以满足日常开发的需要。

  【相关推荐:javascript视频教程,web前端】以上是详细介绍JavaScript中输出数据的各种方式的示例代码的详细内容。更多请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: