JavaScript 输出

时间:2022-07-02 08:26:21

javascript 没有任何打印或者输出的函数。

一、javascript 显示数据

javacript可以通过不同的方式来输出数据:

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

2.使用document.write()方法将内容写到HTML文档中。

3.使用innerHTML写入HTML的元素。

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

A 使用window.alert()

<!DOCTYPE html>
<html>
<body> <h1>我的第一个页面</h1>
<p>我的第一个段落。</p> <script>
window.alert(111);
</script> </body>
</html>

B 操作HTML元素

如需从javascript访问某个HTML元素,使用document.getElementById(id)方法。

请使用'id'属性标识HTML 元素,并innerHTML来获取或插入元素的内容。以下javascript语句(在<script>标签中)可以在web 浏览器中执行。

<!DOCTYPE html>
<html>
<body> <h1>我的第一个 Web 页面</h1> <p id="demo">我的第一个段落</p> <script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script> </body>
</html>

c写到HTML文档
出于测试目的,可以将javascript 直接写在htmll 文档中:

<!DOCTYPE html>
<html>
<body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <script>
document.write(Date());
</script> </body>
</html>

使用document.write()仅仅向文档输出写内容。 如果在文档已完成加载后执行document.write,整个HTML页面将被覆盖。如下图代码所示:

<!DOCTYPE html>
<html>
<body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <button onclick="myFunction()">点我</button> <script>
function myFunction() {
document.write(Date());
}
</script> </body>
</html>

D 写到控制台

如果你的浏览器指出调试,可以使用console.log()方法在浏览器中显示javascript值。

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

如下图console 截图

JavaScript 输出