首頁 > web前端 > js教程 > 主體

JavaScript輸出方式有哪些

coldplay.xixi
發布: 2020-11-30 13:46:12
原創
3195 人瀏覽過

JavaScript輸出方式有:1、alert輸出,在標籤【】新增相關程式碼;2、【document.write】輸出,直接輸出在頁面當中。

JavaScript輸出方式有哪些

本教學操作環境:windows10系統、javascript1.8.5,本文適用於所有品牌的電腦。

相關免費學習推薦:JavaScript(影片)

#JavaScript輸出方式有:

1、alert輸出

這種方式是我們常在瀏覽網頁的時候常看到的,就是我們在瀏覽網頁的時候會彈出一個提示。這樣的效果就是透過alert方式輸出的。下面我們透過工具敲一下程式碼來看看它的結構,看看是如何寫的。我們透過這個圖片看一下。

程式碼是不是特別簡單,我們只要在標籤裡面敲上 alert("Hello World"); 這樣的一行程式碼就可以了。在引號裡面我們可以變換內容,這樣在瀏覽器裡面就會有不同的提示了。

JavaScript輸出方式有哪些

alert方式輸出

JavaScript輸出方式有哪些

#alert方式輸出結果

2、document. write輸出

這種輸出方式是直接輸出在頁面當中。也是很簡單的我們來看程式碼和運行效果。我們只需要敲上 document.write("Hello World"); 這樣就ok了。

JavaScript輸出方式有哪些

document.write輸出

JavaScript輸出方式有哪些

#輸出效果

3、console.log輸出

這種方式應用於偵錯,屬於透過偵錯工具方式輸出。它的格式是console.log("Hello World");此時我們打開瀏覽器執行一下看看效果。發現頁面沒有任何東西,你知道為什麼嗎?因為這種方式是透過調試工具來檢視的。我們打開瀏覽器,按下F12或審查元素然後點擊console就顯示出來了。看下圖。

JavaScript輸出方式有哪些

console方式輸出

JavaScript輸出方式有哪些

#運行效果

這就是JavaScript的輸出方式,第三種作為我們開發者是我們常用的,所以我們要掌握熟。

以上是JavaScript輸出方式有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!