JavaScript Bada

JavaScript bai gudanar da shi kwaya ko wata hanyar nuna datti.

JavaScript ganin shirye

JavaScript zai iya ganin datti a karkashin yawa da kwaya:

  • gina window.alert() zai ganin wata yadda yana zubar da
  • gina document.write() zai ganin HTML shirye
  • gina innerHTML zai ganin HTML tsafta
  • gina console.log() zai wajen da ke saukiwa a kanayen browser

gina innerHTML

Domin za a iya ziyarci HTML tsafta, JavaScript zai iya samun document.getElementById(id) hanyar

id Yanar ga ta hanyar HTML tsafta. innerHTML ceceka yana hanyar HTML datti:

实例

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

亲自试一试

提示：Wannan yana gariya kuma zai ganin HTML tsafta innerHTML ceceka yana kai kara kira datti a cikin 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>

亲自试一试