js输出

JavaScript 可以通过4种不同的方式在html页面输出数据

1.使用window.alert() 弹出警告框，由于window为js的内置类，可简写为alter()

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

打开html页面，会弹出告警框，告警框内容显示11

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

使用document.write() 仅仅向文档输出内容，如果在文档已完成加载后再执行document.write，整个 HTML 页面将被输出的内容覆盖。

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

3.使用innerHTML写入到 HTML 元素

js操作html元素，首先需要找到html元素，找到html元素有三种方法

①通过id：var x=document.getElementById("intro"); x值为[object HTMLParagraphElement]

②通过class类名：var x=document.getElementsByClassName("intro");x值为[object HTMLCollection]

③通过标签名：var x=document.getElementsByTagName("p");x值为[object HTMLCollection]

注意通过id查找是getElement，而通过class和标签名查找时getElements，通过innerHTML只能修改通过id找到的html元素

<h3>我的第一个 Web 页面</h3>
<p id="demo">我的第一个段落。</p>
<script>
    document.getElementById("demo").innerHTML = "段落已修改。";
    var x=document.getElementById("demo");
    document.write(x+'<br>')
    document.write(x.innerHTML);
</script>

 

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

<script>
    var x=5,y=2;
    console.log(x+y);
</script>

打开html页面，通过右键-审查元素(不同浏览器名称不同，还可能为检查、审查等)，可看到console界面输出计算结果7.