JavaScript有哪些输出方式?

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

javascript没有任何打印或输出的函数,可以通过不同的方式输出数据。

  • 使用window.alert() 弹出警告框

  • 使用document.write()方法将内容写到html文档中

  • 使用document.getElementById("").innerHtml="需要写入的值"; 写入到HTML元素

  • 使用console.log()写入到浏览器的控制台

JavaScript中几种输出方式介绍:

1、使用window.alert()

<script>
window.alert('警告框');
</script>

2、操作HTML元素
如需JavaScript访问某个HTML元素,您可以使用document.getElementById(id)方法

请使用id属性来标识HTML元素,并innerHTml来获取或插入元素内容:

<p id="demo" >我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="段落已修改"
</scirpt>

document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。该方法是 HTML DOM 中定义的。
innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

3、写到HTML 文档
使用 document.write()方法将内容写到HTML内容中,此功能可以直接将内容或html 标签写入html文档中

<script>
docuemnt.write(Date());//Date()输出中国标准时间
</script>

注意:如果在文档已经完成加载后执行document.write()将覆盖整个HTml页面
Sample:

<button type="button" onclick="myFunction">按钮</buton>
<script>
function myFunction(){
document.write(Date());
}
</scipt>

4、写到控制台

如果您的浏览器支持调试,你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。

<!DOCTYPE html> 
<html> 
<body> 
<h1>我的第一个 Web 页面</h1> 
<script> 
a = 5; 
b = 6; 
c = a + b; 
console.log(c); 
</script> 
</body> 
</html>

以上就是JavaScript有哪些输出方式?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读

    excel怎么用乘法函数

    excel怎么用乘法函数,乘法,函数,哪个,excel乘法函数怎么用?1、首先用鼠标选中要计算的单元格。2、然后选中单元格后点击左上方工具栏的fx公

    新一代的Office代替Web浏览器

    新一代的Office代替Web浏览器,,如果你用Office来取代网络浏览器,一定会有很多读者感到难以置信,在客户端安装Web浏览器就足够了,不管是因特网

    电脑输出接音箱|电脑音箱接线

    电脑输出接音箱|电脑音箱接线,,电脑音箱接线把三根的视频线(黄、红、白)按颜色插入电视机的输入,黄色插DVD的视频输出,红白插DVD的左右声道,电

    excel中乘法函数是什么?

    excel中乘法函数是什么?,乘法,函数,什么,打开表格,在C1单元格中输入“=A1*B1”乘法公式。以此类推到多个单元。1、A1*B1=C1的Excel乘法公式

    IE脚本错误如何做Web脚本错误解决技巧

    IE脚本错误如何做Web脚本错误解决技巧,,这个问题是由于这样的事实,对网页的HTML源代码和客户端脚本不正确的工作,如微软Jscript或Visual Basic脚本

    标准差excel用什么函数?

    标准差excel用什么函数?,函数,标准,什么,在数据单元格的下方输入l标准差公式函数公式“=STDEVPA(C2:C6)”。按下回车,求出标准公差值。详细

    网页抓取电脑信息|电脑网页捕获

    网页抓取电脑信息|电脑网页捕获,,1. 电脑网页捕获可以使用抓包软件,推荐使用SmartSniff,关闭其它网络程序,点击SmartSniff启动捕获,再打开软件

    Chrome浏览器中文名字叫酷音量浏览器

    Chrome浏览器中文名字叫酷音量浏览器,,现在我们可以看到,在2012,很多次出现在Chrome相关页面中。这就是所谓的酷浏览器。今天,谷歌发布了一个