亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js獲取當前頁的URL與window.location.href簡單方法

 更新時間:2017年02月13日 09:24:02   投稿:jingxian  
下面小編就為大家?guī)硪黄猨s獲取當前頁的URL與window.location.href簡單方法。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

利用JavaScript獲取當前頁的URL,這個問題起來好像很復雜,如果第一次去想這個問題,很多人估計又在琢磨到底又是哪個神一般的Javascript函數。

其實不是,Javascript獲取當前頁的URL的函數就是我們經常用來重定向的window.location.href。

比如如下函數:

<script> 
var url=window.location.href; 
var loc = url.substring(url.lastIndexOf('/')+1, url.length);  
alert("url="+url+",loc="+loc); 
</script> 

如果當前頁面的url為http://localhost:6666/myphp/mobile/pc1.php,那么其運行結果如下:

上面的函數同時展示如何獲取當前頁名稱的做法。

獲取利用window.location.href的變量獲取整個url之后,要哪一部分的地址,利用substring,indexof等字符串處理函數對獲取到的url進行處理,截取你想要的部分。

平時利用window.location.href做重定向,就是改變整個瀏覽器的url,

如果后面沒有賦值,這就成了獲取當前值的語句。

與document.getElementById("xx").value一樣,你能夠修改,就能夠獲取了。

當然,如果獲取一些特定的值,比如當前的協(xié)議與端口,就不用截取字符串這么麻煩了。

直接利用window.location.port拿端口,window.location.protocol拿協(xié)議,window.location.search還能拿url問號后面的部分,當然也可以利用它們來改相應的值。

比如如下代碼:

alert("protocol:"+window.location.protocol+",port:"+window.location.port); 

其運行結果如下:

補充:substring(start,stop)   知識

語法

語法stringObject.substring(start,stop)

返回值

一個新的字符串,該字符串值包含 stringObject 的一個子字符串,其內容是從 start 處到 stop-1 處的所有字符,其長度為 stopstart。

說明

substring() 方法返回的子串包括 start 處的字符,但不包括 stop 處的字符。

如果參數 startstop 相等,那么該方法返回的就是一個空串(即長度為 0 的字符串)。如果 startstop 大,那么該方法在提取子串之前會先交換這兩個參數。

以上這篇js獲取當前頁的URL與window.location.href簡單方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • JS截取字符串的方法詳解

    JS截取字符串的方法詳解

    本文詳細講解了JS截取字符串的方法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-02-02
  • 原生微信小程序開發(fā)中 redux 的使用詳解

    原生微信小程序開發(fā)中 redux 的使用詳解

    這篇文章主要介紹了原生微信小程序開發(fā)中 redux 的使用詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-02-02
  • JS運動特效之鏈式運動分析

    JS運動特效之鏈式運動分析

    這篇文章主要介紹了JS運動特效之鏈式運動,結合實例形式分析了javascript鏈式運動的原理與具體實現技巧,需要的朋友可以參考下
    2018-01-01
  • 多瀏覽器兼容的獲取元素和鼠標的位置的js代碼

    多瀏覽器兼容的獲取元素和鼠標的位置的js代碼

    獲取元素和鼠標的位置(兼容IE6.0,IE7.0,IE8.0,FireFox2.0,FireFox3.5,Opera),該功能是我一同事鉆研出來的,目標是為了實現與QQ自定義布局和拖放模塊類似的功能。
    2009-12-12
  • 一個可以隨意添加多個序列的tag函數

    一個可以隨意添加多個序列的tag函數

    由于在沒有規(guī)劃好的情況下寫的這個代碼,寫的比較粗糙,也沒有添加注釋。 JavaScript代碼和HTML完全分離;可以隨意添加多個子div標簽,自動擴展
    2009-07-07
  • 純JS實現根據CSS的class選擇DOM

    純JS實現根據CSS的class選擇DOM

    這篇文章主要介紹了純JS實現根據CSS的class選擇DOM,需要的朋友可以參考下
    2014-03-03
  • JavaScript之filter_動力節(jié)點Java學院整理

    JavaScript之filter_動力節(jié)點Java學院整理

    filter也是一個常用的操作,它用于把Array的某些元素過濾掉,然后返回剩下的元素。下面通過實例代碼給大家簡答介紹下javascript中的filter,需要的的朋友參考下吧
    2017-06-06
  • js實現九宮格圖片半透明漸顯特效的方法

    js實現九宮格圖片半透明漸顯特效的方法

    這篇文章主要介紹了js實現九宮格圖片半透明漸顯特效的方法,涉及js操作css特效的技巧,非常具有實用價值,需要的朋友可以參考下
    2015-02-02
  • JavaScript中的null和undefined區(qū)別介紹

    JavaScript中的null和undefined區(qū)別介紹

    這篇文章主要介紹了JavaScript中的null和undefined區(qū)別介紹,JavaScript中存在2個代表信息不存在的特殊值:null和undefined,本文主要講解它們的區(qū)別,需要的朋友可以參考下
    2015-01-01
  • 詳解小程序中h5頁面onShow實現及跨頁面通信方案

    詳解小程序中h5頁面onShow實現及跨頁面通信方案

    這篇文章主要介紹了小程序中h5頁面onShow實現及跨頁面通信方案,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-05-05

最新評論