JavaScript 可以用不同的方式「顯示」資料：
- innerHTML使用或 寫入 HTML 元素innerText。
- 使用 寫入 HTML 輸出document.write()。
- 使用 寫入警告框window.alert()。
- 使用 寫入瀏覽器控制台console.log()。
innerHTML:使用該innerHTML屬性來改變 HTML 元素的 HTML 內容
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "<h2>Hello World</h2>";
</script>
</body>
</html>
|
innerText:使用該innerText屬性來改變 HTML 元素的內部文字
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerText = "Hello World";
</script>
</body>
</html>
|
document.write():為了測試目的，使用起來很方便document.write()：
1
2
3
4
5
6
7
8
9
10
11
12
13
| <!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
|
window.alert()
1
2
3
4
5
6
7
8
9
10
11
12
13
| <!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
|
console.log():為了調試目的，您可以console.log()在瀏覽器中呼叫該方法來顯示資料。
1
2
3
4
5
6
7
8
9
10
| <!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
|