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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。