BOM DOM innerHTML createElement

參考資源

什麼是 DOM

全名為 Document Object Model 中文翻譯為 文件物件模型


什麼是 BOM

全名為 Browser Object Model 中文翻譯為 瀏覽器物件模型

window.outerHeight : 整個瀏覽器高度

window.innerHeight : 畫面顯示的高度

print、location、openinnerHeight


innerHTML

方法 : 組完字串後,傳進語法進行渲染

優點 : 效能快

缺點 : 資安風險 XSS (Cross-Site Scripting) , 要確保來源沒問題

特性 : 將原本內容清空 , 再傳進我們寫的資料 !!!


外層使用單引號 ''

內層就要使用雙引號 ""

EX-1EX-2EX-3



createElement

方法 : 以 DOM 節點來處理

優點 : 安全性高

缺點 : 效能差


EX-1EX-2