javascript使用輸出語句實(shí)現(xiàn)網(wǎng)頁特效代碼
更新時間：2015年08月06日 17:35:38 作者：小強(qiáng)老師
這篇文章主要介紹javascript使用輸出語句實(shí)現(xiàn)網(wǎng)頁特效，有需要的朋友可以參考下
本文主要講三個最為常用的輸出語句，有alert()彈出警示框，打印輸入語句，控制臺輸出，具體方法請看下文，附有圖片、注釋非常詳細(xì)。
復(fù)制代碼 代碼如下:
alert() 彈出警示框
window.alert(‘繼續(xù)學(xué)習(xí)'); 完整的寫法
效果如下：
因?yàn)?strong>alert 屬于window 對象的方法， 而 window是可以省略的
所以，一般我們都是這么寫 ： alert(‘歡迎大家來學(xué)習(xí)'); //彈出警示框
但是，這個啊，每次都會彈出對話框，對于一些膽小的人，會嚇著人家，嘻嘻，開玩笑啦， 主要是用戶體驗(yàn)不好。因此盡量少用 一般用來測試
文檔打印輸出
常用的打印輸入有兩個語句
復(fù)制代碼 代碼如下:
document.write()
document.writeln()
注意： 這兩個屬于document 對象， document是不能省略的。
writeln 是 write line 的縮寫 會在末尾生成一個 <br />
正常情況下，document.writeln() 會在后面生成都是一個空格 ，平時也看不出兩者的區(qū)別。
再 pre 標(biāo)簽中，就會有換行的作用。如下：
展示效果如下：
控制臺輸出（console）
復(fù)制代碼 代碼如下:
Console 控制臺
Console.log() 測試用的最多， 寫完之后是要刪除的。
Console.info() 和console.log 是一模一樣的。只有一點(diǎn)不同 他的前面會有一個 ！
Console.warn() 警示 的意思
Console.error() 錯誤提示
效果如下：
以上就是本文的全部內(nèi)容，希望大家喜歡。
相關(guān)文章
JS實(shí)現(xiàn)瀏覽器狀態(tài)欄文字從右向左彈出效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)瀏覽器狀態(tài)欄文字從右向左彈出效果,涉及JavaScript結(jié)合時間函數(shù)遍歷字符串及動態(tài)改變狀態(tài)欄顯示效果的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
zTree插件之單選下拉菜單實(shí)例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了JS 獲取文件后綴，判斷文件類型(比如是否為圖片格式),需要的朋友可以參考下2020-05-05
微信小程序?qū)崿F(xiàn)動態(tài)列表項(xiàng)的順序加載動畫
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)動態(tài)列表項(xiàng)的順序加載動畫，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
一般的網(wǎng)頁都有這種功能：在頁面上動態(tài)顯示當(dāng)前時間，這個的實(shí)現(xiàn)也很簡單，基本上一行代碼就實(shí)現(xiàn)了2009-06-06
JS實(shí)現(xiàn)FLASH幻燈片圖片切換效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)FLASH幻燈片圖片切換效果的方法,實(shí)例分析了javascript操作圖片實(shí)現(xiàn)Flash幻燈效果的技巧,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了詳解Webpack4多頁應(yīng)用打包方案,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
相信每位PHP程序員都知道，當(dāng)PHP程序出現(xiàn)異常情況，如出現(xiàn)致命錯誤、超時或者不可知的邏輯錯誤導(dǎo)致程序中斷，這個時候就可以用 register_shutdown_function進(jìn)行異常處理。下面本文給出了詳細(xì)的示例代碼，有需要的朋友們下面來一起看看吧。2016-10-10
JS實(shí)現(xiàn)網(wǎng)站樓層導(dǎo)航效果代碼實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)站樓層導(dǎo)航效果代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06
javascript預(yù)加載圖片、css、js的方法示例介紹
預(yù)加載的好處可以讓網(wǎng)頁更快的呈現(xiàn)給用戶，缺點(diǎn)就是可能會增加無用的請求，不多說了，作為一個前端攻城師都懂的，下面分享我做的測試和得到的結(jié)果2013-10-10