js獲取url傳值的方法
本文實(shí)例講述了js獲取url傳值的方法。分享給大家供大家參考,具體如下:
js獲取url參數(shù)值:
index.htm?參數(shù)1=數(shù)值1&參數(shù)2=數(shù)值2&參數(shù)3=數(shù)據(jù)3&參數(shù)4=數(shù)值4&......
靜態(tài)html文件js讀取url參數(shù) 根據(jù)獲取html的參數(shù)值控制html頁(yè)面輸出
一、字符串分割分析法
這里是一個(gè)獲取URL帶QUESTRING參數(shù)的JAVASCRIPT客戶端解決方案,相當(dāng)于asp的request.querystring,PHP的$_GET
函數(shù):
<Script language="javascript"> 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; } </Script>
然后我們通過(guò)調(diào)用此函數(shù)獲取對(duì)應(yīng)參數(shù)值:
<Script language="javascript"> var Request = new Object(); Request = GetRequest(); 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']; </Script>
以此獲取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; } alert(GetQueryString("參數(shù)名1")); alert(GetQueryString("參數(shù)名2")); alert(GetQueryString("參數(shù)名3"));
補(bǔ)充:js 獲取url的get傳值函數(shù)
function getvl(name) { var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return ""; };
用法簡(jiǎn)單的說(shuō)一下
比如url是:http://localhost/index.php?qz=ddddk中qz的值代碼如下
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- 使用JavaScript獲取URL中的參數(shù)(兩種方法)
- jsp獲取url路徑的方法分析
- JS根據(jù)key值獲取URL中的參數(shù)值及把URL的參數(shù)轉(zhuǎn)換成json對(duì)象
- JavaScript獲取URL匯總
- Js+Jq獲取URL參數(shù)的集中方法示例代碼
- js獲取url中"?"后面的字串方法
- JS獲取URL中參數(shù)值(QueryString)的4種方法分享
- js獲取url中的參數(shù)且參數(shù)為中文時(shí)通過(guò)js解碼
- JS獲取url鏈接字符串 location.href
- 詳解javascript獲取url信息的常見(jiàn)方法
相關(guān)文章
Javascript 自適應(yīng)高度的Tab選項(xiàng)卡
選項(xiàng)卡的原理其實(shí)比較簡(jiǎn)單,就是設(shè)置2種狀態(tài),選中和未選中的2中不同CSS狀態(tài),因此也有直接不用JS之用css就能實(shí)現(xiàn)的效果2011-04-04JS簡(jiǎn)單實(shí)現(xiàn)點(diǎn)擊復(fù)制鏈接的方法
這篇文章主要介紹了JS簡(jiǎn)單實(shí)現(xiàn)點(diǎn)擊復(fù)制鏈接的方法,提供了2種簡(jiǎn)單的復(fù)制鏈接操作方法供大家選擇使用,需要的朋友可以參考下2016-08-08js實(shí)現(xiàn)加載頁(yè)面就自動(dòng)觸發(fā)超鏈接的示例
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)加載頁(yè)面就自動(dòng)觸發(fā)超鏈接的示例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁(yè)面
由于小程序跳轉(zhuǎn)的對(duì)象比較多,各自的規(guī)則又不一樣,因此小程序跳轉(zhuǎn)外部鏈接是用戶咨詢較多的問(wèn)題之一,下面這篇文章主要給大家介紹了關(guān)于小程序安全指南之如何禁止外部直接跳轉(zhuǎn)到小程序某頁(yè)面的相關(guān)資料,需要的朋友可以參考下2022-09-09element?ui?-?el-button?重新渲染后disabled屬性失效問(wèn)題解決
這篇文章主要介紹了elementui el-button重新渲染后disabled屬性失效問(wèn)題解決,解決方法也很簡(jiǎn)單,給el-button元素添加key值就可以了,需要的朋友可以參考下2023-07-07利用JavaScript實(shí)現(xiàn)創(chuàng)建虛擬鍵盤(pán)的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)創(chuàng)建虛擬鍵盤(pán),文中的示例代碼講解詳細(xì),對(duì)我們學(xué)習(xí)JavaScript有一定幫助,需要的可以參考一下2022-09-09webapi根據(jù)id獲取元素的實(shí)現(xiàn)思路
掌握document.getElementById() 根據(jù)id獲取元素,在頁(yè)面畫(huà)出一個(gè)寬200 高200 粉色的盒子, 在控制臺(tái)打印這個(gè)盒子,接到這樣的需求如何處理呢,下面小編給大家分享webapi根據(jù)id獲取元素的實(shí)現(xiàn)思路,感興趣的朋友一起看看吧2024-02-02