App下載

JavaScript如何輸出?JS三種輸出方式介紹

猿友 2021-05-31 11:44:54 瀏覽數(shù) (4470)
反饋

在學(xué)習(xí) JavaScript 前期,你必須要懂得 JavaScript 如何輸出,只有將 JavaScript 輸出學(xué)習(xí)好,才能進(jìn)行下一階段的學(xué)習(xí)。那么這篇文章來(lái)為大家介紹下 JavaScript 三種輸出方式。

document.write 輸出

document.write 的輸出方式較為簡(jiǎn)單,它是直接輸出在頁(yè)面中。我們來(lái)看下具體代碼和實(shí)現(xiàn)效果。

<body>
	<script type="text/javascript">
		document.write("使用document.write方式輸出");
	</script>
</body>

實(shí)現(xiàn)效果:

JavaScript輸出方式

alert 輸出

alert 輸出方式是網(wǎng)頁(yè)開(kāi)發(fā)中常見(jiàn)的輸出方式之一,也就是我們常說(shuō)的彈窗。比如在網(wǎng)頁(yè)中填寫(xiě)表單進(jìn)行注冊(cè)時(shí),信息填寫(xiě)不完整就會(huì)出現(xiàn)提示信息,這類功能的實(shí)現(xiàn)就是采用 alert 輸出。

<script type="text/javascript">
    alert("使用alert方式輸出");
</script>

實(shí)現(xiàn)效果:

JavaScript輸出方式

console.log 輸出

console.log 的輸出方式需要通過(guò)調(diào)試工具進(jìn)行查看,該方式常被用于測(cè)試某部分功能是否能夠正常實(shí)現(xiàn)。查看該輸出內(nèi)容的主要方式是:瀏覽器運(yùn)行文件--->按 F12 或者鼠標(biāo)右擊選擇“檢查”--->Console。

<script type="text/javascript">
    console.log("使用console.log方式輸出");
</script>

實(shí)現(xiàn)效果:

JavaScript輸出方式

以上就是文章“JavaScript 如何輸出?JS 三種輸出方式介紹”的全部?jī)?nèi)容。更多 JavaScript 學(xué)習(xí)請(qǐng)關(guān)注 w3cschool。

相關(guān)課程:JavaScript入門(mén)

0 人點(diǎn)贊