你好！
我將會記錄在學習 Web 前端過程中遇到的經驗，以及解決問題的方法。
測試環境為 ie8、chrome、safari。
CSS : Bootstrap
ie8 : 顯示效果不佳 > 自行編寫 css 來套用。
chrome : Good
Safari : Good
JS : addEventListener
ie8 : 無法運作。我做了如下處理，在 ie8 中透過 attachEvent 來處理。
if(document.getElementById("btn_login").addEventListener)
document.getElementById("btn_login").addEventListener("click",function(){
window.location.href = "main.html";
});
else
document.getElementById("btn_login").attachEvent("onclick",function(){
window.location.href = "main.html";
});
chrome : Good
Safari : Good
JQUERY : $.merge(arr1,arr2)
在使用 JQUERY 的 merge 合併陣列時，發現資料會根據 arr1 和 arr2 的順序而有所不同，這是一個很奇怪的體驗。
必須要多加注意... ㅡ,.ㅡ... ;;
因為這個問題花了一整天的時間在處理資料映射... 哈啊....
救救我。
關於使用 Javascript 進行頁面跳轉
parent.location.href = "url"
將目前框架上一層的路徑設定為該 url （頁面跳轉）
top.location.href = "url"
將最外層 document 的 location 路徑設定為該 url （頁面跳轉）
opener.location.href = "url"
將開啟目前框架的 document 的 location 路徑設定為該 url（頁面跳轉）
JQUERY 在頁面跳轉後，想要 onload 特定的 css 或 javascript 時
<div data-role = "page">
<style> ... </style> or <script> ... </script>
</div>
如上例所示，在該 div 內部插入客製化的腳本或樣式程式碼。