,,JavaScript 中的输出数据多种方式

,,JavaScript 中的输出数据多种方式

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

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