当前位置:编程学习 > JS >>

javascript location.href实现select跳转效果

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

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

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

<script language="网页特效">
 function gotoUrl(url)
 {
  location.href=url;
 }
</script>

<select name="" onchange="javascript:gotoUrl(this.value);">
        <option value="/user/online.php教程">选择显示方式</option>
        <option value="/user/online.php?t=1"  <? if ( $t==1 ){ echo 'selected="selected"';}?> >只显示帅哥</option>
        <option value="/user/online.php?t=2"  <? if ( $t==2 ){ echo 'selected="selected"';}?>>只显示美女</option>
        </select>


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 = '...'”来达到此目的。

补充:网页制作,js教程 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,