Output sa JavaScript

Wala siyang binibigay na in-built na print or display functions ang JavaScript.

JavaScript Display Options

Ang JavaScript ay maaaring ipakita ang data sa iba't ibang paraan:

  • Gamit ang window.alert() magpa-print sa warning box
  • Gamit ang document.write() magpa-print sa output ng HTML
  • Gamit ang innerHTML magpa-print sa HTML element
  • Gamit ang console.log() magpa-print sa console ng browser

gamit ang innerHTML

Kung mayroon kang pangangailangan sa pag-access ng HTML element, maaring gamitin ng JavaScript ang: document.getElementById(id) method.

id Ang attribute ay nagtatalaga ng HTML element. Ang innerHTML attribute ay nagtatalaga ng nilalaman ng HTML:

实例

<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p>我的第一个段落</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

亲自试一试

提示：Ang pagbabago ng HTML element innerHTML attribute ay pangkaraniwang paraan upang ipakita ang data sa HTML.

使用 document.write()

出于测试目的，使用 document.write() 比较方便：

实例

<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p>我的第一个段落</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

亲自试一试

注意：在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML ：

实例

<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p>我的第一个段落</p>
<button onclick="document.write(5 + 6)">试一试</button>
</body>
</html>

亲自试一试

提示：document.write() 方法仅用于测试。

使用 window.alert()

您能够使用警告框来显示数据：

实例

<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p>我的第一个段落</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

亲自试一试

使用 console.log()

在浏览器中，您可使用 console.log() 方法来显示数据。

请通过 F12 来激活浏览器控制台，并在菜单中选择“控制台”。

实例

<!DOCTYPE html>
<html>
<body>
<h1>我的第一张网页</h1>
<p>我的第一个段落</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

亲自试一试