在js中，一般使用如下幾種方式進行數據的輸出：
1. 在瀏覽器的控制台輸出
瀏覽器F12打開瀏覽器控制台（一般前端開發人員必備瀏覽器為谷歌瀏覽器，下面就以谷歌瀏覽器為例對控制台盡心解析）；
1.1 Elements : 頁面中的元素都在這個里面，經常用來調式頁面的樣式
1.2 Network : 包含了所有的資源文件（html、css、js、圖片、向后台請求的數據接口等），並告訴我們每一個文件加載完成的事件；這樣我們可以針對加載時間過長的資源進行相關優化
1.3 Sources : 包含了我們項目中的html、js、css所有的源代碼，很多程序員扒一些優秀網站代碼的時候就用到了它
1.4 Resources : 當前網站本地存儲的數據（cookie、localStorage、sessionStorage）
1.5 Console : 當前頁面向控制台輸出的數據就在這里顯示了
1.6 Toggle device toolbar ： 控制台左上角有一個手機、PC轉換圖標按鈕，單擊可以進入手機端模擬器，這里有模擬各種主流手機型號的手機尺寸的選項，也可以自己自定義添加對應的手機尺寸；我們的移動端開發就是在這個模擬器中完成的
1.7 我們還可以利用控制台對js代碼加斷點進行頁面bug調試
好了，言歸正傳。上面我們對控制台有了一個深刻的了解，那么怎么在瀏覽器的控制台進行數據的輸出呢？
console.log();
console.info();
console.debug();
console.warn();//輸出警告信息
console.error();//輸出錯誤信息
console.dir();//輸出一個對象的詳細信息
console.table();//將json數據按照表格的形式輸出，這樣在查看結構時能夠更加的清晰直觀
2. 向頁面中某個元素中寫入內容
element.innerHTML、element.innerTex
示例：
var oEle = document.getElementById(''oId"); oEle.innerHTML = "<strong>加點料，更直觀！！</strong>"
上面兩個個用法相同，那么它們有什么區別呢？
1>. firefox（火狐）瀏覽器中不支持innerText，而innerHTML則不存在瀏覽器兼容性問題。
2> innerText只能添加文本，即使有html標簽，也不能有效識別，而是當作文本寫入到元素中；而innerHTML不僅可以添加文字，還可以添加html標簽
3> 一般在js項目中，開發人員統一使用innerHTML，基本上不會使用innerText
3. 在頁面中彈出需要顯示的內容
window.alert(); //j警告框，確保用戶收到消息
window.confirm(); //確認框，返回用戶操作的布爾值
window.prompt(); //提示框，根據給出的提示讓用戶輸入信息並返回
提示：上面三個，前面的window可以省略，直接使用alert() 、 confirm() 、 prompt()
4. 向頁面中直接輸出內容
document.write();
提示：相對於上面三種數據輸出方式，一般情況下不建議使用第4種；第4種可以用來向頁面種添加一個廣告
以上就是今天要講的，數據輸出的幾種方式，你學會了嗎？更多精彩內容請關注下面公眾號，吃喵的小魚干！！內容不定時更新
