ฉันจะรับตัวระบุส่วน (ค่าหลังจากแฮช #) จาก URL ได้อย่างไร

ตัวอย่าง:

www.site.com/index.php#hello

ใช้ jQuery ฉันต้องการใส่ค่าhelloในตัวแปร:

var type = …

ไม่จำเป็นต้องใช้ jQuery

var type = window.location.hash.substr(1);

คุณสามารถทำได้โดยใช้รหัสต่อไปนี้:

var url = "www.site.com/index.php#hello";
var hash = url.substring(url.indexOf('#')+1);
alert(hash);

ดูตัวอย่าง

var url ='www.site.com/index.php#hello';
var type = url.split('#');
var hash = '';
if(type.length > 1)
  hash = type[1];
alert(hash);

สาธิตการทำงานกับjsfiddle

ใช้ JavaScript ต่อไปนี้เพื่อรับค่าหลังจากแฮช (#) จาก URL คุณไม่จำเป็นต้องใช้ jQuery

var hash = location.hash.substr(1);

ฉันได้รับรหัสนี้และการสอนจากที่นี่ - วิธีรับค่าแฮชจาก URL โดยใช้ JavaScript

ฉันมี URL จากเวลาทำงานด้านล่างให้คำตอบที่ถูกต้อง:

let url = "www.site.com/index.php#hello";
alert(url.split('#')[1]);

หวังว่านี่จะช่วยได้

มันง่ายมาก. ลองรหัสด้านล่าง

$(document).ready(function(){
  var hashValue = location.hash.replace(/^#/, '');  
  //do something with the value here  
});

ตามรหัสของ AK นี่คือฟังก์ชั่นตัวช่วย JS Fiddle Here ( http://jsfiddle.net/M5vsL/1/ ) ...

// Helper Method Defined Here.
(function (helper, $) {
    // This is now a utility function to "Get the Document Hash"
    helper.getDocumentHash = function (urlString) {
        var hashValue = "";

        if (urlString.indexOf('#') != -1) {
            hashValue = urlString.substring(parseInt(urlString.indexOf('#')) + 1);
        }
        return hashValue;
    };
})(this.helper = this.helper || {}, jQuery);