【零基础学习web前端】JavaScript 显示方式

Amy

【零基础学习web前端】JavaScript 显示方式

【零基础学习web前端】教程目录导航

http://www.sufeinet.com/thread-24027-1-1.html

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

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中。
• 使用 innerHTML 写入到 HTML 元素。
• 使用 console.log() 写入到浏览器的控制台。
  

window.alert() 弹出警告框

---

[HTML] 纯文本查看 复制代码

<h1>苏飞论坛</h1>
<p>JavaScript基础教程</p>
<script>
window.alert("欢迎来到苏飞论坛");
</script>

显示：
  
上图分别为打开页面的弹出，和点击确定以后的显示。

document.write() 方法

---

[HTML] 纯文本查看 复制代码

<h1>苏飞论坛</h1>
<p id="sufei">JavaScript基础教程</p>
<script>
document.getElementById("sufei").innerHTML="段落已修改。";
</script>

可以看到JavaScript语句把p标签元素的内容修改了。

innerHTML 写入到 HTML 元素

---

[HTML] 纯文本查看 复制代码

<h1>苏飞论坛</h1>
<p id="sufei">JavaScript基础教程</p>
<script>
document.write(Date());
</script>

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

---

浏览器中使用 F12 来启用调试模式， 在调试窗口中点击 "Console" 菜单。

[HTML] 纯文本查看 复制代码

<h1>苏飞论坛</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

站长苏飞

我只是路过打酱油的。

竹林风

楼主加油，我们都看好你哦。

liu

感恩无私的分享与奉献

惜

强烈支持楼主ing……