實現html界面
<！ doctype html> <html> <head> <title>選擇並進行導航</title> <script src =“ script01.js”> </script> <link rel =“ stylesheet” href =“ script01.css” script01.css'主題</option> <option value =“ script06.html”>交叉檢查字段</option> <option value =“ script10.html”>驗證電子郵件地址</option> </select> <noscript> <input type =“ submit” value =“ go were！”> </noscript> </noscript> </form> </form> </hody> </html> </html>
實現菜單導航
window.onload = initform; window; window; onunload = function（）{}; function initform（）{document.getElementById（“ newLocation”）。 selectionIndex = 0; document.getElementById（“ newLocation”）。 onChange = onChange = jumppage;} [newloc.selectedIndex] .value; if（newpage！=“”）{window.location = newpage;}}}下面是源碼分析
1。
window.onload = initform;
window.onunload = function（）{};
在窗口加載時，調用initform（）函數。下一行需要解釋一下
（當窗口卸載時（即關閉窗口或者瀏覽器轉到另一個網址），我們調用一個匿名函數（匿名函數），即沒有名稱的函數。在這個示例中，這個函數不但沒有名稱，而且根本不做任何事情。提供這個函數是因為必須將，而且根本不做任何事情。提供這個函數是因為必須將，而且根本不做任何事情。提供這個函數是因為必須將
匿名是指在函數和（）之間沒有名稱。這是觸發onunload但不讓它做任何事情的最簡單的方法。與任何函數中一樣，花括號包含函數的內容。這裡的花括號是空的，因為這個函數不做任何事情。 ，因為這個函數不做任何事情。
2。
document.getElementById（“ newLocation”）。 selectedIndex = 0;
document.getElementById（“ newLocation”）。 onChange = jumppage;
在initform（）函數中，第一行獲得html 頁面上的菜單（它的 ID為newlocation），並且將它的selectedIndex屬性設置為零，這會使它顯示選擇一個主題。
第二行讓腳本在菜單選擇發生改變時，調用jumppage（）函數。
3。
var newloc = document.getElementById（“ newLocation”）;
在jumppage（）函數中，newloc變量查找訪問者在菜單中選擇的值。
4。
var newpage = newloc.options [newloc.selectedIndex] .value;
從方括號中的代碼開始，newloc.SelectedIndex 是一個從0～5 的數字（因為有6
個菜單選項。記住（JavaScript的編號常常是基於零的）。得到這個數字之後，接下來獲得對應的菜單項，接下來獲得對應的菜單項
的值，這就是我們希望跳轉到的網頁的名稱。然後，將結果賦值給變量newpage。
5。
if（newpage！=“”）{
window.location = newpage;
這個條件語句首先檢查newpage是否非空。換句話說，如果newpage有一個值，那麼讓窗口轉到，那麼讓窗口轉到
選擇的菜單項所指定的url。