Js獲取當前頁面URL各種參數

JS獲取當前頁面URL各種參數

一:Location

Location 對象包含有關當前 URL 的信息。

Location 對象是 Window 對象的一個部分,可通過 window.location 屬性來訪問。

hash設置或返回從井號 (#) 開始的 URL(錨)。
host設置或返回主機名和當前 URL 的端口號。
hostname設置或返回當前 URL 的主機名。
href設置或返回完整的 URL。
pathname設置或返回當前 URL 的路徑部分。
port設置或返回當前 URL 的端口號。
protocol設置或返回當前 URL 的協議。
search設置或返回從問號 (?) 開始的 URL(查詢部分)。

例子

var href = window.location.href;

二:編碼解碼

正確的編碼解碼有助于處理中文字符,不正確則會中文亂碼。

函數描述
decodeURI()解碼某個編碼的 URI。
decodeURIComponent()解碼一個編碼的 URI 組件。
encodeURI()把字符串編碼為 URI。
encodeURIComponent()把字符串編碼為 URI 組件。
escape()對字符串進行編碼。
unescape()對由 escape() 編碼的字符串進行解碼。

三:復制即用

網上的示例大都是用unescape()解碼,不過測試中文依舊亂碼,換成decodeURI()即可。

/*** 獲取URL參數* @param 參數名* @returns 參數值*/
function GetQueryString(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if (r != null) return decodeURI(r[2]);return null;
}

在使用時最好加一下空值判斷:

if (GetQueryString("sex")!=null&&GetQueryString("sex").length>0) {//
}

轉載于:https://www.cnblogs.com/yueshutong/p/9442118.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/282551.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/282551.shtml
英文地址,請注明出處:http://en.pswp.cn/news/282551.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

php面試題2018

一 、PHP基礎部分 1、PHP語言的一大優勢是跨平臺,什么是跨平臺? PHP的運行環境最優搭配為ApacheMySQLPHP,此運行環境可以在不同操作系統(例如windows、Linux等)上配置,不受操作系統的限制,所以…

學生黨的專屬定制福利,你想要的這里全都有!

同學們:您好!很?興認識?家!我是微軟的 Regional Cloud Advocate Kinfey Lo,感謝您在課余時間打開這封信。踏??秋,技術峰會進?了旺季,有?向商業的,有?向開發者的,有?向技術社…

Quartus prime16.0 與modelsim ae 聯調

前言 quartus和modelsim聯調對仿真還是很方便的,當然最好是quartus干綜合到燒錄的活,modelsim單獨仿真。而且ae版的性能比se版差。 流程: 1.配置modelsim ae路徑: 我這里是這個路徑,根據你自己安裝的地方配置路徑。 2.…

30分鐘搞定后臺登錄界面(103個后臺PSD源文件、素材網站)

去年八月時要做一個OA系統為了后臺界面而煩惱,后來寫了一篇博客(《后臺管理UI的選擇》)介紹了選擇過程與常用后臺UI,令我想不到的時竟然有許多開發者與我一樣都為這個事情而花費不少時間,最后界面效果還是不佳&#xf…

分析拼多多的崛起【產品思維】

最近朋友圈討論拼多多上市的新聞大火,各有各的看法,很有意思,突然想起前段時間得到上的《梁寧-產品思維30講》,所以想從數據和產品角度分析分析拼多多的崛起。 一:拼多多的迅速崛起 我們先看看拼多多這幾年的成長歷程&…

62、滑動窗口的最大值

一、題目 給定一個數組和滑動窗口的大小,找出所有滑動窗口里數值的最大值。例如,如果輸入數組{2,3,4,2,6,2,5,1}及滑動窗口的大小3,那么一共存在6個滑動窗口,他們的最大值分別為{4,4,6,6,6,5}; 針對數組{2,3,4,2,6,2,5…

KestrelServer詳解[2]: 網絡連接是如何創建的?

《KestrelServer詳解[1]:注冊監聽終結點(Endpoint)》已經詳細講述了如何使用KestrelServer,現在我們來簡單聊聊這種服務器的總體設計和實現原理。當KestrelServer啟動的時候,注冊的每個終結點將轉換成對應的“連接監聽…

PHP操作文件和目錄的相關函數

//判斷文件類型 filetype(a.php);//打開或創建文件 fopen(a.php,w);//讀取文件 fgets(a.php);//按行讀取 fread(a.php,1049);//按塊讀取 file_get_contents(a.php);//讀取文件//復制文件 copy(a.php,./b.php);//將a.php復制到b.php//刪除文件 unlink(b.php);//移動文件 rename(…

linux LyX中文編輯環境安裝配置指南-TeX可視化工具

TeX可以說是國際上排版的標準,尤其是論文、書籍之類,對公式的表現比MS辦公系列強的太多,格式異常優美,但是由于其比較復雜的命令,非可視化編輯,所以使得入門門檻較高,所以出現了LaTeX這樣的命令…

pandas DataFrame 數據處理常用操作

Xgboost調參: https://wuhuhu800.github.io/2018/02/28/XGboost_param_share/ https://blog.csdn.net/hx2017/article/details/78064362 pandas DataFrame中的空值處理: https://blog.csdn.net/yuanxiang01/article/details/78738812 pandas的DataFrame、…

redis集群報Jedis does not support password protected Redis Cluster configurations異常解決辦法...

解決spring-data-redis操作redis集群報“Jedis does not support password protected Redis Cluster configurations”的異常 原因:使用spring-data-redis操作redis集群時由于redis集群設置了密碼。 解決方案:升級spring-data-redis版本即可解決&#xf…

支付寶支付開發流程

支付寶開發流程1、首先我們先談談第三方支付所謂第三方支付就是和一些各大銀行簽約,并具備一定實力和信譽保障的第三方獨立機構提供的交易平臺目前市面上常見的有支付寶,財付通,網銀,易寶支付等,網站需要實現第三方支付…

MQ消息隊列之MSMQ

主要參考文章: 消息隊列(Message Queue)簡介及其使用 轉載于:https://www.cnblogs.com/mailaidedt/p/6599130.html

css選擇器總結

一.選擇器 1. css1選擇器 2.css2選擇器 3.css3選擇器 4.:nth-of-type(n)和:nth-child(n)區別 (1).在不指定類型時,nth-child(n)選中的是父元素下的第N個子元素。nth-of-type(n)選中的是父元素下的不同類型標簽的第N個。(2).在指定具體元素時,ele:nth-child(n)要求不…

Hypercrx:開源項目不只有Star

01戰隊簡介大家好,我們是Hypercrx戰隊,非常榮幸獲得了首屆Microsoft Edge瀏覽器開拓者大賽的一等獎!我是隊長唐燁男(中),位于我左側的是寧志成,右側的是林以任,我們都來自華東師范大…

《Python編程快速上手 讓繁瑣工作自動化》pdf

<div id"article_content" class"article_content tracking-ad" data-mod"popu_307" data-dsm"post"> <p><br></p><p>下載地址&#xff1a;<a target"_blank" href"https://page74.c…

PHP上傳圖片到數據庫,并進行顯示

1、創建數據表 CREATE TABLE ccs_image (id int(4) unsigned NOT NULL auto_increment,description varchar(250) default NULL,bin_data longblob,filename varchar(50) default NULL,filesize varchar(50) default NULL,filetype varchar(50) default NULL,PRIMARY KEY (id)…

Keras版Faster-RCNN代碼學習(IOU,RPN)1

最近開始使用Keras來做深度學習&#xff0c;發現模型搭建相較于MXnet, Caffe等確實比較方便&#xff0c;適合于新手練手&#xff0c;于是找來了目標檢測經典的模型Faster-RCNN的keras代碼來練練手&#xff0c;代碼的主題部分轉自知乎專欄Learning Machine&#xff0c;作者張瀟捷…

歐拉函數模板

一、單個歐拉函數計算 可評測鏈接&#xff1a;http://codevs.cn/problem/4939/ 單個歐拉函數計算公式&#xff1a;φ&#xff08;n&#xff09;n*&#xff08;1-1/p1&#xff09;*&#xff08;1-1/p2&#xff09;*……*&#xff08;1-1/pn&#xff09; Step 1&#xff1a; 一邊…

洛谷P1145 約瑟夫

題目描述 n個人站成一圈&#xff0c;從某個人開始數數&#xff0c;每次數到m的人就被殺掉&#xff0c;然后下一個人重新開始數&#xff0c;直到最后只剩一個人。現在有一圈人&#xff0c;k個好人站在一起&#xff0c;k個壞人站在一起。從第一個好人開始數數。你要確定一個最小的…