JavaScript输出
in inbox with 0 comment

JavaScript输出

in inbox with 0 comment

首先要说明的是JavaScript没有任何的打印或者输出的函数。
因此javascript要想输出数据一定要借助以下几种方式中的一种:
1.使用Window.alert()弹出警告框
2.使用document.write()方法将内容写入到HTML文档中
3.使用innerHTML写入到HTML元素中
4.使用console.log()写入到浏览器的控制台中


使用window.alert()

你可以弹出警告框来显示数据:

<script>
window.alert(5+6);
</script>

操作HTML元素

如果从javascript访问某一个元素,可以使用document.getElementById(id)方法。
“id”属性标志HTML元素,并innerHTML来获取或插入元素内容:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
    
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>
    
</body>
</html>

其中,ById是以id属性来查找HTML元素的javascript代码。
innerHTML=“段落已修改” 是用于修改元素HTML内容的javascript代码。

写入到HTML文档

document.write()仅仅可以像文档中输出写内容,但是请注意 如果在文档加载完了之后在执行document.write(),整个HTML页面将会被覆盖。

Responses