首頁 > web前端 > js教程 > javascript使用輸出語句實作網頁特效程式碼_javascript技巧

javascript使用輸出語句實作網頁特效程式碼_javascript技巧

WBOY
發布: 2016-05-16 15:46:36
原創
1383 人瀏覽過

本文主要講三個最常用的輸出語句,有alert()彈出警告框,印出輸入語句,控制台輸出,具體方法請看下文,附有圖片、註釋非常詳細。

 

複製程式碼 程式碼如下:

alert() 彈出警告框
window.alert(‘繼續學習');  完整的寫法

效果如下:

javascript使用輸出語句實作網頁特效程式碼_javascript技巧

因為alert 屬於window 物件的方法, 而 window是可以省略的

所以,通常我們都是這麼寫 :  alert(‘歡迎大家來學習'); //彈出警告框

但是,這個啊,每次都會彈出對話框,對於一些膽小的人,會嚇著人家,嘻嘻,開玩笑啦, 主要是用戶體驗不好。因此盡量少用  一般用來測試

文件列印輸出

常用的列印輸入有兩個語句

複製程式碼 程式碼如下:

document.write()
document.writeln()

注意: 這兩個屬於document 對象, document是不能省略的。

writeln   是    write line 的縮寫   會在最後產生一個 

正常情況下,document.writeln()  會在後面產生都是一個空格 ,平常也看不出兩者的差別。

再 pre 標籤中,就會有換行的作用。如下:

javascript使用輸出語句實作網頁特效程式碼_javascript技巧

展示效果如下:

javascript使用輸出語句實作網頁特效程式碼_javascript技巧

控制台輸出(console

複製程式碼 程式碼如下:

Console  控制台
Console.log()      測驗用的最多,  寫完之後是要刪除的。
Console.info()     和console.log 是一模一樣的。只有一點不同 他的前面會有一個 !
Console.warn()     警告 的意思
Console.error()     錯誤提示
javascript使用輸出語句實作網頁特效程式碼_javascript技巧

效果如下:

javascript使用輸出語句實作網頁特效程式碼_javascript技巧

以上就是本文的全部內容,希望大家喜歡。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板