javascript location.href实现select跳转效果

单介绍一下location属性、用法以及相关示例：
Location
包含了关于当前 URL 的信息。

描述
location 对象描述了与一个给定的 Window 对象关联的完整 URL。location 对象的每个属性都描述了 URL 的不同特性。
通常情况下，一个 URL 会有下面的格式：

协议//主机:端口/路径名称#哈希标识?搜索条件

<select name="" onchange="javascript:gotoUrl(this.value);">
        选择显示方式
        >只显示帅哥
        >只显示美女
       

protocol 返回地址的协议，取值为 'http:','https教程:','file:' 等等。

hostname 返回地址的主机名，例如，一个“http://www.zutiai.com.com/n86/”的地址，location.hostname == 'www.microsoft.com'。

port 返回地址的端口号，一般 http 的端口号是 '80'。

host 返回主机名和端口号，如：'www.a.com:8080'。

pathname 返回路径名，如“http://www.a.com/b/c.html”，location.pathname == 'b/c.html'。

hash 返回“#”以及以后的内容，如“http://www.a.com/b/c.html#chapter4”，location.hash == '#chapter4'；如果地址里没有“#”，则返回空字符串。

search 返回“?”以及以后的内容，如“http://www.a.com/b/c.asp教程?selection=3&jumpto=4”，location.search == '?selection=3&jumpto=4'；如果地址里没有“?”，则返回空字符串。

href 返回以上全部内容，也就是说，返回整个地址。在浏览器的地址栏上怎么显示它就怎么返回。如果想一个窗口对象打开某地址，可以使用“location.href = '...'”，也可以直接用“location = '...'”来达到此目的。