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(),即可看到输出结果。