### JS中常用的輸出方式 - console 控制在瀏覽器控制臺輸出的 + console.log() 控制臺輸出日志 + console.dir() 控制臺詳細輸出 + console.table() 把數據以表格的形式輸出在控制臺 + console.time()/timeEnd() 計算某一個程序消耗的時間 + console.warn() 輸出警告信息 + ... - window提示框 + alert() 提示框 + confirm() 確認取消提示框 + prompt() 在confirm的基礎上多加一個原因 - 向頁面指定容器中插入內容 + document.write 向頁面中輸入內容 + innerHTML / innerText 向頁面指定容器中輸入內容 + value 向頁面表單元素中輸入內容 + ... ~~~ // =>在控制臺輸出，特點是：輸出任意數據類型的數據，控制臺展示的也是對應的數據類型 // console.log({ // name: '珠峰' // }); // =>console.dir輸出一個對象或者一個值的詳細信息；console.log可以一次性輸出多個值，但是dir不可以； function func() {} console.log(func, 100, 300); console.dir(func); // =>console.warn以警告的方式輸出 // console.warn('當前操作不規范!'); // =>console.table把多維的JSON數據以表格形式輸出 // let arr = [{ // id: 1, // name: '珠峰培訓' // }, { // id: 2, // name: '周嘯天' // }]; // console.table(arr); // =>計算出time/timeEnd中間所有程序執行所消耗的時間（預估時間：受到當前電腦性能的影響） // console.time('AA'); // for (let i = 0; i < 99999999; i++) {} // console.timeEnd('AA'); //=>AA: 218.3701171875ms //============================== // =>alert是在瀏覽器窗口中彈出一個提示框，提示框中輸出指定的信息 // + 需要等到alert彈出框，點擊確定關閉后，后面的代碼才會繼續執行（alert會阻礙主線程的渲染） // + alert彈出的內容都會默認轉換為字符串（toString） // alert('今天大家都很帥！'); // console.log(100); // alert([10, 20, 30]); //=> toString 數組轉換為字符串的結果 "10,20,30" // alert({name:'珠峰'}); //=>普通對象轉換為字符串的結果 "[object Object]" // alert(null); 顯示字符串'null' // =>confirm相對于alert來說，給用戶提供了確定和取消兩種選擇 // + 創建一個變量，用來接收用戶選擇的結果 true點擊的是確定 false點擊的是取消 let flag = confirm('今天大家都好好學了嗎？'); console.log(flag); //確定為true，取消為false // =>prompt在confirm的基礎上給用戶提供書寫操作的原因等信息 // + 點擊的是取消，返回結果是null；點擊的是確定，會把用戶輸入的原因信息返回； let reason = prompt('確定要刪除此信息嗎？'); console.log(reason); // 會把用戶輸入的原因信息返回 ~~~ 1.  2.  3.  4.  5.  6.  7.prompt  ~~~ // 想要操作哪個元素，就先獲取到哪個元素：我們可以根據元素的ID獲取到這個元素對象 document.getElementById：document限定在整個文檔中（上下文） get獲取 Element元素 By通過（在整個文檔中，基于元素的ID獲取到這個元素） /* * innerHTML/innerText：向指定容器中插入內容（插入的信息也會變為字符串再插入） * + 基于這兩種方式會把之前容器中的內容給覆蓋掉，想要追加，則采用+=的方式 * + innerHTML能夠把標簽文本進行識別和渲染，而innerText會把所有內容都當做普通的文本 */ let box = document.getElementById('box'); box.innerHTML = "珠峰"; //=>覆蓋原始的所有內容 box.innerText = "培訓"; box.innerHTML += "珠峰"; //=>在原始內容上繼續增加 box.innerText += "培訓"; box.innerHTML = "<strong>我是重點內容</strong>";//標簽可以解析 box.innerText = "<strong>我是重點內容</strong>";//把標簽展示在頁面上 // 給頁面中的文本框賦值 let userName = document.getElementById('userName'); userName.value = "我是在JS中插入的內容"; // 把內容寫入到頁面中：和alert一樣，寫入的內容最后都會轉換為字符串，然后在寫入 document.write('AA'); document.write(10); document.write({ name: '珠峰' }); //=>"[object Object]" ~~~ 1.