JavaScript 基础问答 四

 二、导航功能增强

1. 下拉菜单中的链接（Links in Select Menu）

Q：我如何实现在下拉菜单中链接到不同的页面？

A：要创建一个所示的下拉菜单： 选择一个页面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：我怎么才能把一个按钮变为指向另外一个页面的超链接呢？

A：要创建一个按钮就像一个：

你可以使用这段代码：

<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：要创建你自己的后退按钮，可以使用这段代码：

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

现在试一下：