JavaScript 輸出


javascript 沒有任何打印或者輸出的函數。

一、javascript 顯示數據

javacript可以通過不同的方式來輸出數據:

1.使用window.alert()彈出警告框

2.使用document.write()方法將內容寫到HTML文檔中。

3.使用innerHTML寫入HTML的元素。

4.使用console.log()寫入到瀏覽器的控制台。

A 使用window.alert()

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個頁面</h1>
<p>我的第一個段落。</p>

<script>
window.alert(111);
</script>

</body>
</html>

B 操作HTML元素

如需從javascript訪問某個HTML元素,使用document.getElementById(id)方法。

請使用'id'屬性標識HTML 元素,並innerHTML來獲取或插入元素的內容。以下javascript語句(在<script>標簽中)可以在web 瀏覽器中執行。

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個 Web 頁面</h1>

<p id="demo">我的第一個段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>

c寫到HTML文檔
出於測試目的,可以將javascript 直接寫在htmll 文檔中:

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個 Web 頁面</h1>

<p>我的第一個段落。</p>

<script>
document.write(Date());
</script>

</body>
</html>

使用document.write()僅僅向文檔輸出寫內容。 如果在文檔已完成加載后執行document.write,整個HTML頁面將被覆蓋。如下圖代碼所示:

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個 Web 頁面</h1>

<p>我的第一個段落。</p>

<button onclick="myFunction()">點我</button>

<script>
function myFunction() {
       document.write(Date());
}
</script>

</body>
</html>

D 寫到控制台

如果你的瀏覽器指出調試,可以使用console.log()方法在瀏覽器中顯示javascript值。

<!DOCTYPE html>
<html>
<body>

<h1>我的第一個 Web 頁面</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>

如下圖console 截圖

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM