JS獲取頁面URL信息小總結(jié)

下面我們舉例一個URL杀饵,然后獲得它的各個組成部分:http://i.cnblogs.com/EditPosts.aspx?opt=1

1鹦筹、window.location.href (設(shè)置或獲取整個 URL 為字符串)
var test = window.location.href;
alert(test);
//  返回:http://i.cnblogs.com/EditPosts.aspx?opt=1
2买决、window.location.protocol (設(shè)置或獲取 URL 的協(xié)議部分)
var test = window.location.protocol;
alert(test);
//返回:http:
3腊脱、window.location.host (設(shè)置或獲取 URL 的主機(jī)部分)
var test = window.location.host;
alert(test);
//返回:i.cnblogs.com
4仪际、window.location.port (設(shè)置或獲取與 URL 關(guān)聯(lián)的端口號碼)
var test = window.location.port;
alert(test);
//返回:空字符(如果采用默認(rèn)的80端口 (update:即使添加了:80)咸作,那么返回值并不是默認(rèn)的80而是空字符)
5、window.location.pathname (設(shè)置或獲取與 URL 的路徑部分(就是文件地址))
var test = window.location.pathname;
alert(test);
//返回:/EditPosts.aspx
6们豌、window.location.search (設(shè)置或獲取 href 屬性中跟在問號后面的部分)
var test = window.location.search;
alert(test);
//返回:?opt=1
(PS:獲得查詢(參數(shù))部分涯捻,除了給動態(tài)語言賦值以外,我們同樣可以給靜態(tài)頁面望迎,并使用javascript來獲得相信應(yīng)的參數(shù)值障癌。)
7、window.location.hash (設(shè)置或獲取 href 屬性中在井號“#”后面的分段)
var test = window.location.hash;
alert(test);
//返回:空字符(因為url中沒有)
8辩尊、js獲取url中的參數(shù)值*

一涛浙、正則法

 function getQueryString(name) {
          var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
          var r = window.location.search.substr(1).match(reg);

          if (r != null) {
             return unescape(r[2]);
          }
          return null;
  }
// 這樣調(diào)用:
alert(GetQueryString("參數(shù)名1"));

alert(GetQueryString("參數(shù)名2"));

alert(GetQueryString("參數(shù)名3"));

二、split拆分法

function GetRequest() {
         var url = location.search; //獲取url中"?"符后的字串
         var theRequest = new Object();

         if (url.indexOf("?") != -1) {
                 var str = url.substr(1);
                 strs = str.split("&");
              for(var i = 0; i < strs.length; i ++) {
                      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
               }
         }
     return theRequest;
 }
var Request = new Object();
Request = GetRequest();<br>// var id=Request["id"]; 
// var 參數(shù)1,參數(shù)2,參數(shù)3,參數(shù)N;
// 參數(shù)1 = Request['參數(shù)1'];
// 參數(shù)2 = Request['參數(shù)2'];
// 參數(shù)3 = Request['參數(shù)3'];
// 參數(shù)N = Request['參數(shù)N'];

三、指定取
比如說一個url:http://i.cnblogs.com/?j=js, 我們想得到參數(shù)j的值蝗拿,可以通過以下函數(shù)調(diào)用晾捏。

function GetQueryString(name) { 
         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
         var r = window.location.search.substr(1).match(reg); //獲取url中"?"符后的字符串并正則匹配
         var context = ""; 

     if (r != null) 
     context = r[2]; 
    reg = null; 
    r = null; 
    return context == null || context == "" || context == "undefined" ? "" : context; 
 }
alert(GetQueryString("j"));

四、單個參數(shù)的獲取方法

function GetRequest() {
         var url = location.search; //獲取url中"?"符后的字串
         if (url.indexOf("?") != -1) {? //判斷是否有參數(shù)
                  var str = url.substr(1); //從第一個字符開始 因為第0個是?號 獲取所有除問號的所有符串
                  strs = str.split("=");? //用等號進(jìn)行分隔 (因為知道只有一個參數(shù) 
                                          //所以直接用等號進(jìn)分隔 如果有多個參數(shù) 要用&號分隔 再用等號進(jìn)行分隔)
                  alert(strs[1]);???? //直接彈出第一個參數(shù) (如果有多個參數(shù) 還要進(jìn)行循環(huán)的)
         }
  }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末哀托,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子劳秋,更是在濱河造成了極大的恐慌仓手,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件玻淑,死亡現(xiàn)場離奇詭異嗽冒,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)补履,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進(jìn)店門添坊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人箫锤,你說我怎么就攤上這事贬蛙。” “怎么了谚攒?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵阳准,是天一觀的道長。 經(jīng)常有香客問我馏臭,道長野蝇,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任括儒,我火速辦了婚禮绕沈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘帮寻。我一直安慰自己乍狐,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布规婆。 她就那樣靜靜地躺著澜躺,像睡著了一般。 火紅的嫁衣襯著肌膚如雪抒蚜。 梳的紋絲不亂的頭發(fā)上掘鄙,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天,我揣著相機(jī)與錄音嗡髓,去河邊找鬼操漠。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的浊伙。 我是一名探鬼主播撞秋,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼嚣鄙!你這毒婦竟也來了吻贿?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤哑子,失蹤者是張志新(化名)和其女友劉穎舅列,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體卧蜓,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡帐要,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了弥奸。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片榨惠。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖盛霎,靈堂內(nèi)的尸體忽然破棺而出赠橙,到底是詐尸還是另有隱情,我是刑警寧澤摩渺,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布简烤,位于F島的核電站,受9級特大地震影響摇幻,放射性物質(zhì)發(fā)生泄漏横侦。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一绰姻、第九天 我趴在偏房一處隱蔽的房頂上張望枉侧。 院中可真熱鬧,春花似錦狂芋、人聲如沸榨馁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽翼虫。三九已至,卻和暖如春屡萤,著一層夾襖步出監(jiān)牢的瞬間珍剑,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工死陆, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留招拙,地道東北人。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像别凤,于是被迫代替她去往敵國和親饰序。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,611評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 在WEB開發(fā)中规哪,時常會用到j(luò)avascript來獲取當(dāng)前頁面的url網(wǎng)址信息求豫,在這里是我的一些獲取url信息的小總...
    小龍是只貓閱讀 5,368評論 0 0
  • 做網(wǎng)站需要經(jīng)常使用jq獲取當(dāng)前url 所以收集了JQUERY獲取URL的函數(shù)的資料 設(shè)置或獲取對象指定的文件名或路...
    wumiss閱讀 1,503評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)由缆,斷路器注祖,智...
    卡卡羅2017閱讀 134,651評論 18 139
  • 夢想是欲望的渴求,理想是對美好事物的奢望均唉。每一個人都有夢想,因為每一個人都有欲望肚菠,欲望是一種好似能看得見摸得著的舔箭,...
    自強(qiáng)不吸閱讀 270評論 1 1
  • 1、 高一那年與玫紅能成為好同學(xué)連我自己都有點意外蚊逢,她只是睡在我上鋪层扶,我怎么也想不明白她為什么老是喜歡找我聊天、逛...
    我不是蝸牛閱讀 448評論 3 1