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