這兩天努力地開發,已經可以漸漸達到 SPA (Single-Page Application) 的預期目標。除了點選站台時需要更換網址,希望在站台內各個旅遊地點的切換或資訊編輯,都能夠利用 AJAX 來達成。當然,為了便利搜尋與轉寄,各個旅遊地點的主頁仍然可以保留其永久連結網址,但若以站台當作 entry point 時,理論上不需要反覆載入網頁。
開發時的主要測試平台是 Firefox,原因是加掛的 Firebug 實在很方便,尤其這種 AJAX application 有一堆的 DOM 元件,前端網頁上看不到,也很難 trace/debug 資訊,這時候唯有 Firebug 才能協助開發者確認網頁內的 DOM 元件的確依照計畫變動數值,或 bind event handler。
可是,今天猛然發現,似乎有個常用的超連結寫法 <a href="#" onclick="xxx()">xxx</a> 這種東西,竟然在 IE 裡面發生了點狀況,網頁真的會重整網址到同一個 anchor:# 去。怪怪,心想不應當如此,寫了這麼久 IE 底下的 JS,都沒有發生過類似的問題。或許是其他地方出錯所致吧,仍有待檢查和測試來澄清。
1 則留言:
經過事後的研究,只要在onclick的事件控制內容後方加上 return false; 的結尾,就可以將onclick事件停止在這個元件上,不再會延伸觸發到window物件了。
張貼留言