javascript location.href實現select跳轉效果

來源:互聯網
上載者:User

單介紹一下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';如果地址裡沒有“#”,則返回Null 字元串。

search 返回“?”以及以後的內容,如“http://www.a.com/b/c.asp教程?selection=3&jumpto=4”,location.search == '?selection=3&jumpto=4';如果地址裡沒有“?”,則返回Null 字元串。

href 返回以上全部內容,也就是說,返回整個地址。在瀏覽器的地址欄上怎麼顯示它就怎麼返回。如果想一個視窗對象開啟某地址,可以使用“location.href = '...'”,也可以直接用“location = '...'”來達到此目的。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.