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

淺談js的url解析函數(shù)封裝

 更新時間:2016年06月28日 11:20:21   投稿:jingxian  
下面小編就為大家?guī)硪黄獪\談js的url解析函數(shù)封裝。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

在實際開發(fā)中,有些通過get方式與后臺交換數(shù)據(jù)的時候,需要用到的數(shù)據(jù)在url中,因此就需要我們來獲取到url中有用的信息,下面封裝的函數(shù)已經可以將url解析的很徹底了,可以拿來直接用的:

function parseURL(url) {
     var a = document.createElement('a');
    a.href = url;
    return {
      source: url,
      protocol: a.protocol.replace(':',''),
      host: a.hostname,
      port: a.port,
      query: a.search,
      params: (function(){
        var ret = {},
          seg = a.search.replace(/^\?/,'').split('&'),
          len = seg.length, i = 0, s; //len = 2
          alert(a.search)
        for (;i<len;i++) {
          if (!seg[i]) { continue; }
          s = seg[i].split('=');
          ret[s[0]] = s[1];
        }
        return ret;
      })(),
      file: (a.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1],
      hash: a.hash.replace('#',''),
      path: a.pathname.replace(/^([^\/])/,'/$1'),
      relative: (a.href.match(/tps?:\/\/[^\/]+(.+)/) || [,''])[1],
      segments: a.pathname.replace(/^\//,'').split('/')
    };
  }

該函數(shù)的用法如下:

var myURL = parseURL(window.location.href); //通過parseURL函數(shù)來解析當前頁面的url;window.location.href可替換成任意要解析的url,如果直接寫其他的url,格式應該字符串;
var search_obj = myURL.params;  //該解析方式是將search的內容解析為對象,方便進行數(shù)據(jù)的調用;其他方法可以自行嘗試;
var url_post = myURL.post;  //當前頁面的端口號;

以上就是小編為大家?guī)淼臏\談js的url解析函數(shù)封裝全部內容了,希望大家多多支持腳本之家~

相關文章

  • uni-app動態(tài)修改主題色的方法詳解

    uni-app動態(tài)修改主題色的方法詳解

    最近在看uniapp開發(fā)app時需要實現(xiàn)動態(tài)修改主題色的功能,這篇文章主要給大家介紹了關于uni-app動態(tài)修改主題色的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-12-12
  • js操作Xml(向服務器發(fā)送Xml,處理服務器返回的Xml)(IE下有效)

    js操作Xml(向服務器發(fā)送Xml,處理服務器返回的Xml)(IE下有效)

    js操作Xml(向服務器發(fā)送Xml,處理服務器返回的Xml)(暫只IE下有效)
    2009-01-01
  • uniapp小程序上傳圖片功能的實現(xiàn)

    uniapp小程序上傳圖片功能的實現(xiàn)

    本篇文章我們研究一下,在移動端開發(fā)過程中經常使用到的圖片上傳功能,在大多數(shù)小程序或者APP中都會遇到一些實名認證或者頭像上傳的功能,對uniapp小程序?上傳圖片功能感興趣的朋友跟隨小編一起看看吧
    2023-01-01
  • JavaScript實現(xiàn)輪播圖特效

    JavaScript實現(xiàn)輪播圖特效

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)輪播圖特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-04-04
  • js實現(xiàn)的簡練高效拖拽功能示例

    js實現(xiàn)的簡練高效拖拽功能示例

    這篇文章主要介紹了js實現(xiàn)的簡練高效拖拽功能,通過對js鼠標事件的擴展實現(xiàn)拖拽效果,非常簡單實用,需要的朋友可以參考下
    2016-12-12
  • js實現(xiàn)3D旋轉相冊

    js實現(xiàn)3D旋轉相冊

    這篇文章主要為大家詳細介紹了js實現(xiàn)3D旋轉相冊,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-08-08
  • JS實現(xiàn)的JSON序列化操作簡單示例

    JS實現(xiàn)的JSON序列化操作簡單示例

    這篇文章主要介紹了JS實現(xiàn)的JSON序列化操作,結合簡單實例形式分析了json序列化操作相關實現(xiàn)方法與相關注意事項,代碼備有較為詳盡的注釋便于理解,需要的朋友可以參考下
    2018-07-07
  • javascript 閉包疑問

    javascript 閉包疑問

    今天在編碼時,遇到一個問題,特記錄下。希望對朋友有所幫助。
    2010-12-12
  • JavaScript實現(xiàn)的原生態(tài)兼容IE6可調可控滾動文字功能詳解

    JavaScript實現(xiàn)的原生態(tài)兼容IE6可調可控滾動文字功能詳解

    這篇文章主要介紹了JavaScript實現(xiàn)的原生態(tài)兼容IE6可調可控滾動文字功能,簡單說明了文字滾動的實現(xiàn)原理并結合具體實例形式給出了javascript文字滾動功能的具體實現(xiàn)代碼,需要的朋友可以參考下
    2017-09-09
  • javascript實現(xiàn)計算器功能

    javascript實現(xiàn)計算器功能

    這篇文章主要為大家詳細介紹了javascript實現(xiàn)計算器功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-03-03

最新評論