(二)h5中js的输出

JavaScript 可以通过不同的方式来输出数据：

1.使用 window.alert() 或者直接alert()弹出警告框。

括号内填写想要弹出的内容，如果是中文需要用”“包括起来。

alert(),不可以通过id来访问html中的元素。alert(document.getElementById(“demo”));错

---

document.getElementById(id) 方法。可以通过id 来获取元素信息，innerHTML来替换：

简单来说就是换掉id里的信息。

我的第一个段落。

    <script>

//document.getElementById("demo").innerHTML = "段落已修改。";

输出结果为：我的第一个段落(这是直接输出不是如alert一样是弹出警告框),如果将注释符去掉，那么输出结果为：段落已修改。（即P标签中的内容已经通过id查找并由innerHTML替换掉）

相比较下一条也可以理解为这是修改了html文档。

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

这个必须要写完整能，不能将前面的省略掉；

document.write(“你好”)；

会在运行后输出：你好

但是如果在文档已完成加载后执行 document.write（），整个 HTML 页面将被覆盖。

你好

点击function my(){ document.write(“你好+1”)； }
此时会输出，你好，当你点击的时候，调用document,write()的输出，但是此时会发生覆盖，则显示你好+1

我的第一个段落。

<input type="button" id="btn" value="点击" />

btn.onclick=function(){
document.write("你好+1");
}

这个与上面效果一样，只不过稍微修饰了一下

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

以上

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

console.log()，用法与alert()相似，只是显示的地方实在控制台，一般用于调试
按F12打开，然后打开console.log()，即可看到输出结果。