HTML5 WEB APP 程式設計心得

這堂課其實沒上甚麼 下半堂課都是自己做 老師介紹了一些我們可以在網路上取得的免費模板 因為我們應該開始著手我們的期末作品了 (但我目前是完全毫無頭緒啊不知道要做甚麼) 我們只要下載我們喜歡的類型 解壓縮 然後把檔案拖到notepad++上 就可以看到整個網頁的程式碼 然後再對著網頁上的名稱去搜尋程式碼裡的內容 把它改成你要的內容 或刪減掉你不需要的 就可以改成你自己的網頁了 然後還教了個實用小技巧 onload="要呼叫的方程式"  或是用之前有出現過的window.addEventListener('DOMContentLoaded', 要呼叫的方程式)其實也可以 以上兩個可以讓網站完整load完後去呼叫方程式 避免方程式在執行時找不到東西(像是id 因為還沒load完) 或最後方法就是將方程式放在id的下面 這樣一定會先load 完id再執行方程式  極重要!!!!! 很多時候東西跑不出來就是因為這樣

這次上的課 是做有關google maps的東西 一開始我們先使用<iframe>在我們的網頁中置入另一個網頁 也就是google maps 再來我們分析google maps的網址 可以發現一些特定的密碼 決定顯示出來的地圖 像 q決定經緯度座標 而 z表示放大程度 我們就可以利用這點 設一個方程式 只要轉換裡面q的部分 就可以顯示你想顯示的位置只要你知道座標  http://maps.google.com.tw/maps?f=q&hl=zh-TW& q=24.121308,120.677175 & z=16 &t=q&output=embed 或是可以應用在之前教的取得網址裡的參數GetUrlVar 直接改網址來決定你要顯示的地圖 在網址中指定 ?loc=座標 然後解析網址參數後直接帶入地圖網址 function map(loc) { var str="https://maps.google.com.tw/maps?f=q&hl=zh-                                                                      TW&q="+ loc +"&z=8&t=q&output=embed" document.getElementById("map").setAttribute("src", str); } // 取得網址裡的參數 function GetUrlVar(VarName) {  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");  var regexS = "[\\?&]" + VarName + "=([^&#]*)";  var regex = new RegExp(regexS); var results = regex.exec(window.location.href); if (results == null) return ""