javascript location.href实现select跳转效果

时间:2013-08-17 22:10:02  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:,一个 URL 会有下面的格式: 协议//主机:端口/路径名称#哈希标识?搜索条件 <script language="网页特效">  function gotoUrl(url)  {   location.href=url;  } </script> <select name="" onchange="javascript:gotoUrl(this.value);">
  正文:

单介绍一下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:','httphotoshop/ target=_blank class=infotextkey>ps教程:','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/ target=_blank class=infotextkey>asp教程?selection=3&jumpto=4”,location.search == '?selection=3&jumpto=4';如果地址里没有“?”,则返回空字符串。

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

javascript location.href实现select跳转效果》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/JavaScript/27584.html


关于《javascript location.href实现select跳转效果》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td