console.log的輸出語句如何使用
更新時間：2024年02月06日 08:56:32 作者：辛憐
這篇文章主要介紹了關于console.log的輸出語句如何使用問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
console.log()[控制臺的日志]
1.當console.log的括號里
只有'hello'或者"hello"的時候，引號里的內容原樣輸出
<script>
console.log('hello');
console.log("world");
</script>
2.當console.log的括號里
是'hello"world"'或者"world'hello'"的時候，引號里包括的不是相同的引號也能原樣輸出。
<script>
console.log('hello"world"');
console.log("world'hello'");
</script>
3.當console.log的括號里
是'hello'world''或者"world"hello""的時候，引號里包括的是相同的引號需要加 “\”來轉義。
<script>
console.log('hello\'world\'');
console.log("world\"hello\"");
</script>
4.當需要兩個內容之間需要右斜杠時
“\\”可以輸出一個右斜杠。
<script>
console.log('world\\\\hello');
</script>
5. 當需要兩個內容之間需要換行時
在字符串之間加“\n”，如果直接打回車的話，會報錯。
<script>
console.log('hello\n\n\nworld');
</script>
6.給字符串設置樣式
用“%c”。
<script>
console.log('%chello%cworld','color:red;','color:orange');
</script>?
總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
如何使用proxy實現(xiàn)一個簡單完整的MVVM庫的示例代碼
這篇文章主要介紹了如何使用proxy實現(xiàn)一個簡單完整的MVVM庫的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
下面小編就為大家?guī)硪黄狫avaScript DOM節(jié)點操作方法總結。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
js+數(shù)組實現(xiàn)網頁上顯示時間/星期幾的實用方法
在網頁上顯示時間(年月日/時分秒),很多新手朋友都想實現(xiàn)這樣的功能，本文整理了一些實用技巧，殺出來與大家分享，感興趣的朋友可以了解下2013-01-01
這篇文章主要為大家詳細介紹了Webpack簡單實現(xiàn)兩個自定義插件的相關知識,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-04-04
這篇文章主要為大家詳細介紹一下JavaScript中的作用域鏈與閉包的使用，文中的示例代碼講解詳細，對我們學習JavaScript有一定的幫助，需要的可以參考一下2022-11-11
這篇文章主要介紹了JS代碼如何獲取map的key，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
JavaScript數(shù)據結構之二叉查找樹的定義與表示方法
這篇文章主要介紹了JavaScript數(shù)據結構之二叉查找樹的定義與表示方法,簡單講述了二叉查找樹的概念、特點及javascript針對二叉查找樹的創(chuàng)建、插入、遍歷等操作相關實現(xiàn)技巧,需要的朋友可以參考下2017-04-04
JavaScript本地數(shù)據存儲sessionStorage與localStorage使用詳解
這篇文章主要介紹了JavaScript本地數(shù)據存儲sessionStorage與localStorage使用，localStorage：永久存儲在本地，適合保存在本地的數(shù)據。sessionStorage：會話級的存儲，敏感帳號一次登陸2022-10-10
這篇文章主要介紹了JavaScript彈出窗口方法,非常實用的功能,需要的朋友可以參考下2014-08-08
如何使用require.context實現(xiàn)優(yōu)雅的預加載
這篇文章主要介紹了使用require.context實現(xiàn)優(yōu)雅的預加載?,需要的朋友可以參考下2023-05-05