二、導航功能增強

1. 下拉菜單中的鏈接（Links in Select Menu）

Q：我如何實現(xiàn)在下拉菜單中鏈接到不同的頁面？

A：要創(chuàng)建一個所示的下拉菜單： 選擇一個頁面JavaScript FAQNumbersStringsNavigationColorsJavaScripter.net

你可以使用下面的代碼：

<form>
1. <select  onChange="if(this.selectedIndex!=0)
2. self.location=this.options[this.selectedIndex].value"> <option value="" selected>Select a page
3. <option value="startpag.htm">JavaScript FAQ <option value="numbers.htm">Numbers
4. <option value="strings.htm">Strings <option value="navigati.htm">Navigation
5. <option value="colors.htm">Colors <option value="http://www.javascripter.net">JavaScripter.net
6. </select> </form> 

只需要把菜單項及其相應的URL改為你需要就可以了。你可以使用絕對地址（就像http://www.javascripter.net），也可以使用相對地址（像 mypage.htm）。

2.  按鈕鏈接（Button Links）

Q：我怎么才能把一個按鈕變?yōu)橹赶蛄硗庖粋€頁面的超鏈接呢？

A：要創(chuàng)建一個按鈕就像一個：

你可以使用這段代碼：

<form> 
1. <input type=button  value="insert button text here"
2. onClick="self.location='Your_URL_here.htm'"> </form> 

只需要改為你需要的按鈕文本和目標地址。試一下這個：

你可以使用絕對地址（像http://www.javascripter.net）也可以使用相對地址（像mypage.htm）。

3.  后退按鈕（Back Button）

Q：我能讓按鈕像瀏覽器的“后退”按鈕一樣嗎？

A：要創(chuàng)建你自己的后退按鈕，可以使用這段代碼：

<form>
1. <input type=button value="Back" onCLick="history.back()">
2. </form>

現(xiàn)在試一下：