เทคนิคการรับค่าพารามิเตอร์ URL ปัจจุบันโดยใช้ JavaScript และ jQuery

เทคนิคเล็กๆน้อยๆ ในการรับค่าพารามิเตอร์ URL ปัจจุบันโดยใช้ Javascript หรือ jQuery นั้นสามารถทำได้ดังนี้ครับ
เช่น URL > http://www.example.com:8080/index.php#tab1?id=123

Javascript

Property                                            Result
--------------------------------------------------------------------------
window.location.host                          www.example.com:8080
window.location.hostname                  www.example.com
window.location.port                          8080
window.location.protocol                    http
window.location.pathname                  index.php
window.location.href                           http://www.example.com:8080/index.php#tab1
window.location.hash                          #tab1
window.location.search                       ?id=123

jQuery

Property                                            Result
--------------------------------------------------------------------------
$(location).attr('host');                         www.example.com:8080
$(location).attr('hostname');                 www.example.com
$(location).attr('port');                         8080
$(location).attr('protocol');                   http
$(location).attr('pathname');                 index.php
$(location).attr('href');                          http://www.example.com:8080/index.php#tab1
$(location).attr('hash');                         #tab1
$(location).attr('search');                      ?id=123

จะเห็นว่าไม่ยากเลยใช่ไหมครับ เพียงเท่านี้เราก็จะได้ค่าพารามิเตอร์ URL ปัจจุบันเพื่อไปใช้งานอื่นๆต่อไปได้แล้ว

อ้างอิง : http://www.gu-soft.com/site/article/get-url-parameter-use-javascript-jquery.html