js獲取地址欄的參數

来源:http://www.cnblogs.com/come-on/archive/2016/02/16/5191599.html
-Advertisement-
Play Games

js獲取地址欄的參數:通過url地址可以傳遞參數,下麵就是一段能夠實現此功能的代碼實例和和大家做一下分享,希望能夠給需要的朋友帶來一定的幫助。代碼如下: function getUrlParams(){ var search = window.location.search; // 寫入數據字典 v


js獲取地址欄的參數:
通過url地址可以傳遞參數,下麵就是一段能夠實現此功能的代碼實例和和大家做一下分享,希望能夠給需要的朋友帶來一定的幫助。
代碼如下:

function getUrlParams(){
  var search = window.location.search;
  // 寫入數據字典
  var tmparray = search.substr(1, search.length).split("&");
  var paramsArray = new Array;
  if(tmparray != null){
    for (var i = 0; i < tmparray.length; i++) {
      var reg=/=/;
      var set1 = tmparray[i].replace(reg, '&');
      var tmpStr2 = set1.split('&');
      var array = new Array;
      array[tmpStr2[0]] = tmpStr2[1];
      paramsArray.push(array);
    }
  }
  // 將參數數組進行返回
  return paramsArray;
}

一.代碼註釋:
1.function getUrlParams(){},聲明一個函數實現了獲取地址欄參數功能。
2.var search = window.location.search,返回當前url的查詢部分,也就是url地址中問號(?)後面的部分。
3.var tmparray = search.substr(1, search.length).split("&"),使用substr()截取查詢字元串?後面的部分,然後用&作為分割符來分割被截取後的字元串,每一個數組元素就是傳遞的參數和參數值。
4.var paramsArray = new Array,創建一個數組對象,用來存儲傳遞的參數名稱和參數值,此數組的元素也是一個數組。
5.if(tmparray!=null),如果數組存在。
6.for(var i=0;i<tmparray.length;i++){},遍曆數組中的每一個元素。
7.var reg=/=/,能夠匹配等號的正則表達式。

8.var set1=tmparray.replace(reg,'&'),tmparray數組的元素都是類似於["a=1","b=2"]這樣的結構,此段代碼就是將每一個數組項中的等號用&號替換。
9.var tmpStr2=set1.split('&'),生成一個新的數組。
10.var array=new Array,創建一個數組,此數組的索引是參數名稱,數組項的值就是參數值。
11.array[tmpStr2[0]]=tmpStr2[1],傳遞的參數名稱作為數組索引,參數值作為數組值。
12.paramsArray.push(array),將array對象作為數組paramsArray的值。
二.相關閱讀:
1.location.search可以參閱Location對象的search屬性一章節。 
2.substr()函數可以參閱javascript的String對象的substr()方法一章節。 
3.split()函數可以參閱javascript的split()函數使用介紹一章節。
4.replace()函數可以參閱正則表達式replace()函數一章節。 
5.push()函數可以參閱javascript的Array對象的push()方法一章節。 

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12422

更多內容可以參閱:http://www.softwhy.com/javascript/


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 原始單例模式 1 package com.shejimoshi.create.Singleton; 2 3 4 /** 5 * 功能:保證一個類僅有一個實例,並提供一個訪問它的全局訪問點 6 * 適用:1、當類只能有一個實例而且客戶可以從一個眾所周知的訪問點訪問他的時候 7 * :2、當這個唯一實例
  • 前言 春節期間,無意中看到一篇文章,文章中講到12306的業務複雜度遠遠比淘寶天貓這種電商網站要複雜。後來自己想想,也確實如此。所以,很想挑戰一下12306這個系統的核心領域模型的設計。一般的電商網站,購買都是基於商品的概念,每個商品有一定量的庫存,用戶的購買行為是針對商品的。當用戶發起購買行為時,
  • 瀏覽器中的Javascript 客戶端javascript就是運行在瀏覽器中的javascript,現代的瀏覽器已經有了很好的發展,雖然它是一個應用程式,但完全可以把它看作是一個簡易的操作系統,因為像windows、linux等操作系統提供的文檔存儲、網路調用、繪製圖像等功能在瀏覽器中也同樣都可以得
  • input文本框圓角效果代碼實例:本章節分享一段代碼實例,它實現了將input文本框設置為圓角的功能。代碼實例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://w
  • 使用jquery實現的清空表單元素代碼實例:如果表單的元素較多的話,如果想情況以前填寫的內容可能有點耗費體力,不夠人性化,下麵就介紹一下如何利用jquery代碼實現快捷清除表單元素內容的功能,先看一段代碼實例: $('#theform')[0].reset(); 很朋友可能認為上面的代碼就完全實現我
  • js如何合併兩個數組:本章節介紹一下如何合併兩個數組,希望對大家有所幫助。實例代碼:實例一: var arrOne=["螞蟻部落","青島市南區",3]; var arrTwo=["分享交流","antzone",600]; console.log(arrOne.concat(arrTwo)); c
  • css3實現元素的伸縮效果代碼實例:本章節分享一段代碼實例,它利用css3實現了元素的伸縮效果。這裡為了進行演示,結合了javascript代碼。代碼實例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="aut
  • jquery實現的點擊可以展開摺疊的垂直導航菜單:本章節介紹一種比較常見的導航菜單是如何實現的,它具有垂直結構,點擊導航主標題可以展開或者摺疊二級菜單。代碼實例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...