在JavaScript中,与Java和其他语言不同,它没有任何打印或输出方法。在js中,有四种方式输出数据。本文通过示例代码向您详细介绍。感兴趣的朋友可以跟随边肖去看一看。
前言
在JavaScript中,与Java等语言不同,它没有任何打印或输出方法,通常使用以下四种方式输出数据。
使用window.alert()弹出警告框,使用document.write()将内容写入HTML文档,使用innerHTML写入HTML元素,使用console.log()写入浏览器的控制台。
下面,它们被用来展示一个例子。
window.alert()
创建一个新的HTML文件,然后用VSCode编写下面的代码。
!文档类型html
超文本标记语言
头
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()
!文档类型html
超文本标记语言
头
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(),则之前加载的内容将被写入的内容覆盖。
!文档类型html
超文本标记语言
头
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获取或插入元素内容。
!文档类型html
超文本标记语言
头
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。
!文档类型html
超文本标记语言
头
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输出数据的各种方法的文章到此结束。有关JavaScript输出数据的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。