第一节 JavaScript的四种输出
2020-12-21 本文已影响0人
_果不其然_
在写页面和调用接口时我们通常需要一些输出来判定当前的数据是否正确，而js就提供了以下几种方式
JavaScript 能够以不同方式“显示”数据：
1.使用 window.alert() 写入警告框
2.使用 document.write() 写入 HTML 输出
3.使用 innerHTML 写入 HTML 元素
4.使用 console.log() 写入浏览器控制台
1.window.alert
页面中，我们经常会使用警告框的形式来显示数据，我们常用的是alert("参数名或者文字")
一般使用
<!DOCTYPE html>
<html>
<body>
<h2>我的第一张网页</h2>
<p>我的第一个段落。</p>
<p id="demo"></p>
<script type="text/javascript">
alert(1)
window.alert("hello") // window加不加都可
</script>
那么window.alert与alert有区别吗?
答：无区别。事实上，所有以window.开始的语句，都可以直接把window省略。
只是在有些软件中，由于其编译器特性，当你写了window.的时候会自动的出现window的方法，所以如果你记得住完全没必要写window。比如location.href=window.location.href。
2. document.write
document.write('<h1>你好</h1>')
document.write('<h1 style="color:red">这个一个红色的标题</h1>')
document.write('<h1 class='title'>这是一个绿色的标题</h1>')
实现效果
image.png
3.document.innerHTML
document.getElementById("demo").innerHTML = 5 + 6;
document.getElementById("title").innerHTML = "你好"
实现效果
image.png
4.console.log
log应该是前端测试中最常使用的方式，简单直观
console.log(5 + 6);
console.log("这是console.log打印出的信息")
image.png
