我們常用 Get 的方式來在網址中傳遞參數，這在其它 Server 端的語言來說是很方便能存取的，但在 HTML 中就比較麻煩了，因此就有 getUrlParam 套件的產生了。
getUrlParam 套件能很簡單的取的網頁的 Get 參數，甚至是 Img 物件、A 物件(超連結)或是 Script 物件的參數都行(基本上只要有 src 或是 href 均可)。
套件名稱：getUrlParam
套件版本：2.1
作者網站：http://www.mathias-bank.de/2007/04/21/jquery-plugin-geturlparam-version-2/
套件網址：http://plugins.jquery.com/project/getUrlParam
發佈日期：2007-04-21
檔案大小：1.99 KB
檔案下載：jquery.getUrlParam.js
參數說明：
檢視原始碼 JavaScript
1 2 3 | strParamName(必填) 描述： 要取得的 parameter 名稱 預設值： 無 |
方法說明：
檢視原始碼 JavaScript
1 2 | // 取得指定元素中的參數值 $(...).getUrlParam(strParamName); |
使用範例：
檢視原始碼 JavaScript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.getUrlParam.js"></script> <script type="text/javascript"> $(function(){ // 取得 document 的 param 參數值 $(".msg1").html("document 的 param 值為：" + $(document).getUrlParam("param")); // 取得 #myimg 的 name 參數值 $(".msg2").html("#myimg 的 uid 值為：" + $("#myimg").getUrlParam("name")); // 取得 a.myimg 的 gid 參數值 $(".msg3").html("a.myimg 的 gid 值為：" + $("a.myurl").getUrlParam("gid")); // 取得 #javaScriptFile1 的 args1 值 $(".msg4").html("#javaScriptFile1 的 args1 值為：" + $("#javaScriptFile1").getUrlParam("args1")); }); </script> <body> <img id="myimg" src="http://abgne.tw/wp-content/themes/abgne/images/logo.png?name=abgne.tw" /><br /> <a class="myurl" href="http://tw.yahoo.com/?uid=a1234&gid=g1234">我的超連結</a> <script id="javaScriptFile1" type="text/javascript" src="jquery.getUrlParam.js?args1=value1&args2=value2"></script> <div class="msg1"></div> <div class="msg2"></div> <div class="msg3"></div> <div class="msg4"></div> </body> |
附註：
因為 getUrlParam 套件語法中有兩個小判斷會造成取 href 後面的參數值有誤，因此筆者所提供的檔案是有做修改過的。