ส่วนสุดท้ายของ URL

ฉันจะรับส่วนสุดท้ายของ URL ได้อย่างไร ฉันมีสคริปต์ต่อไปนี้ซึ่งแสดง URL แบบเต็มของแท็กสมอที่คลิก:

$(".tag_name_goes_here").live('click', function(event)
{
    event.preventDefault();  
    alert($(this).attr("href"));
});

ถ้า URL เป็น

http://mywebsite/folder/file

ฉันจะให้มันแสดงเฉพาะส่วน "ไฟล์" ของ URL ในช่องแจ้งเตือนได้อย่างไร

คุณยังสามารถใช้ฟังก์ชั่นlastIndexOf ()เพื่อค้นหาการเกิดขึ้นครั้งสุดท้ายของ/ตัวละครใน URL ของคุณจากนั้นฟังก์ชั่นซับสตริง ()เพื่อส่งคืนซับสตริงที่เริ่มต้นจากตำแหน่งนั้น:

console.log(this.href.substring(this.href.lastIndexOf('/') + 1));

วิธีการที่คุณจะหลีกเลี่ยงการสร้างอาร์เรย์ที่มีส่วน URL ทั้งหมดของคุณเป็นsplit()ไม่

window.location.pathname.split("/").pop()

เป็นอีกหนึ่งโซลูชั่นที่มี regex

var href = location.href;
console.log(href.match(/([^\/]*)\/*$/)[1]);

Javascript มีฟังก์ชั่นแบ่งที่เกี่ยวข้องกับวัตถุสตริงที่สามารถช่วยคุณ:

var url = "http://mywebsite/folder/file";
var array = url.split('/');

var lastsegment = array[array.length-1];

คำตอบอื่น ๆ อาจใช้งานได้หากเส้นทางนั้นเรียบง่ายประกอบด้วยองค์ประกอบของเส้นทางแบบง่ายเท่านั้น แต่เมื่อมันมี params ของแบบสอบถามเช่นกันมันจะแตก

ควรใช้ออบเจ็กต์URLแทนเพื่อรับโซลูชันที่มีประสิทธิภาพยิ่งขึ้น เป็นการตีความคำที่แยกวิเคราะห์ของ URL ปัจจุบัน:

การป้อนข้อมูล: const href = 'https://stackoverflow.com/boo?q=foo&s=bar'

const segments = new URL(href).pathname.split('/');
const last = segments.pop() || segments.pop(); // Handle potential trailing slash
console.log(last);

เอาท์พุท: 'boo'

สิ่งนี้ใช้ได้กับเบราว์เซอร์ทั่วไปทั้งหมด มีเพียง IE ที่กำลังจะตายของเราเท่านั้นที่ไม่สนับสนุน (และจะไม่) สำหรับ IE มีpolyfillsใช้ได้แม้ว่า (ถ้าคุณสนใจที่ทั้งหมด)

หรือคุณสามารถใช้นิพจน์ทั่วไป:

alert(href.replace(/.*\//, ''));

var urlChunks = 'mywebsite/folder/file'.split('/');
alert(urlChunks[urlChunks.length - 1]);

ฉันรู้ว่ามันจะสายเกินไป แต่สำหรับคนอื่นผมขอแนะนำให้ใช้PURL jQuery Plugin แรงจูงใจสำหรับ PURL คือ url สามารถแบ่งได้ด้วย'#'เช่นกัน (ตัวอย่าง: ลิงค์ angular.js) เช่น url อาจดูเหมือน

    http://test.com/#/about/us/

หรือ

    http://test.com/#sky=blue&grass=green

และด้วย PURL คุณสามารถตัดสินใจได้อย่างง่ายดาย (เซกเมนต์ / fsegment) ซึ่งเป็นเซ็กเมนต์ที่คุณต้องการรับ

สำหรับเซ็กเมนต์สุดท้าย "คลาสสิค" คุณสามารถเขียน:

    var url = $.url('http://test.com/dir/index.html?key=value');
    var lastSegment = url.segment().pop(); // index.html

สร้างคำตอบของFrédéricโดยใช้ javascript เท่านั้น:

var url = document.URL

window.alert(url.substr(url.lastIndexOf('/') + 1));

นอกจากนี้

var url = $(this).attr("href");
var part = url.substring(url.lastIndexOf('/') + 1);

หากคุณไม่กังวลเกี่ยวกับการสร้างองค์ประกอบเพิ่มเติมโดยใช้ตัวแยกตัวกรองสามารถจัดการกับปัญหาที่คุณพูดถึงเครื่องหมายสแลช (สมมติว่าคุณมีเบราว์เซอร์ที่รองรับตัวกรอง)

url.split('/').filter(function (s) { return !!s }).pop()

// Store original location in loc like: http://test.com/one/ (ending slash)
var loc = location.href; 
// If the last char is a slash trim it, otherwise return the original loc
loc = loc.lastIndexOf('/') == (loc.length -1) ? loc.substr(0,loc.length-1) : loc.substr(0,loc.lastIndexOf('/'));
var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

targetValue = หนึ่ง

หาก URL ของคุณดูเหมือนว่า:

http://test.com/one/

หรือ

http://test.com/one

หรือ

http://test.com/one/index.htm

จากนั้น loc จะปรากฏขึ้นเช่น: http://test.com/one

ตอนนี้เนื่องจากคุณต้องการไอเท็มสุดท้ายให้รันขั้นตอนถัดไปเพื่อโหลดค่า (targetValue) ที่คุณต้องการในตอนแรก

var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

window.alert(this.pathname.substr(this.pathname.lastIndexOf('/') + 1));

ใช้pathnameคุณสมบัติเนทิฟเนื่องจากเบราว์เซอร์นั้นง่ายที่สุดและได้รับการวิเคราะห์และแก้ไขโดยเบราว์เซอร์แล้ว $(this).attr("href")สามารถคืนค่าเช่น../..ที่จะไม่ให้ผลลัพธ์ที่ถูกต้อง

หากคุณต้องการเก็บsearchและhash(เช่นfoo?bar#bazจากhttp://quux.com/path/to/foo?bar#baz) ใช้สิ่งนี้:

window.alert(this.pathname.substr(this.pathname.lastIndexOf('/') + 1) + this.search + this.hash);

ในการรับส่วนสุดท้ายของหน้าต่างปัจจุบันของคุณ:

window.location.href.substr(window.location.href.lastIndexOf('/') +1)

คุณสามารถลบออกได้หากมี / ในตอนท้ายจากนั้นรับส่วนสุดท้ายของ url

let locationLastPart = window.location.pathname
if (locationLastPart.substring(locationLastPart.length-1) == "/") {
  locationLastPart = locationLastPart.substring(0, locationLastPart.length-1);
}
locationLastPart = locationLastPart.substr(locationLastPart.lastIndexOf('/') + 1);

ส่งคืนเซ็กเมนต์สุดท้ายโดยไม่คำนึงถึงเครื่องหมายสแลชต่อท้าย:

var val = 'http://mywebsite/folder/file//'.split('/').filter(Boolean).pop();

console.log(val);

var pathname = window.location.pathname; // Returns path only
var url      = window.location.href;     // Returns full URL

คัดลอกมาจากคำตอบนี้

อัปเดตคำตอบ raddevus:

var loc = window.location.href;
loc = loc.lastIndexOf('/') == loc.length - 1 ? loc.substr(0, loc.length - 1) : loc.substr(0, loc.length + 1);
var targetValue = loc.substr(loc.lastIndexOf('/') + 1);

พิมพ์เส้นทางสุดท้ายของ url เป็นสตริง:

test.com/path-name = path-name

test.com/path-name/ = path-name

ฉันเชื่อว่าการลบ tail slash ('/') ปลอดภัยกว่าก่อนที่จะทำการซับสตริง เพราะฉันมีสตริงว่างในสถานการณ์ของฉัน

window.alert((window.location.pathname).replace(/\/$/, "").substr((window.location.pathname.replace(/\/$/, "")).lastIndexOf('/') + 1));

ฉันใช้ regex และแยก:

var last_path = location.href.match (/. / (. [\ w]) /) [1] .split ("#") [0] .split ("?") [0]

ในท้ายที่สุดมันจะละเว้น #? & / สิ้นสุด URL ซึ่งเกิดขึ้นมาก ตัวอย่าง:

https://cardsrealm.com/profile/cardsRealm -> ส่งคืน cardsRealm

https://cardsrealm.com/profile/cardsRealm#hello -> ส่งคืน cardsRealm

https://cardsrealm.com/profile/cardsRealm?hello -> ส่งคืน cardsRealm

https://cardsrealm.com/profile/cardsRealm/ -> ส่งคืน cardsRealm

ฉันไม่รู้จริงๆว่า regex เป็นวิธีที่ถูกต้องในการแก้ปัญหานี้หรือไม่เพราะมันอาจส่งผลกระทบต่อประสิทธิภาพของรหัสของคุณได้จริง แต่ regex ด้านล่างจะช่วยให้คุณดึงส่วนสุดท้ายได้และจะยังคงให้เซ็กเมนต์สุดท้ายแม้ว่า URL /ตามด้วยที่ว่างเปล่า regex ที่ฉันมาด้วยคือ:

[^\/]+[\/]?$

// https://x.com/boo/?q=foo&s=bar = boo
// https://x.com/boo?q=foo&s=bar = boo
// https://x.com/boo/ = boo
// https://x.com/boo = boo

const segment = new 
URL(window.location.href).pathname.split('/').filter(Boolean).pop();
console.log(segment);

ได้ผลสำหรับฉัน

ฉันรู้ว่ามันเก่า แต่ถ้าคุณต้องการได้รับจาก URL คุณสามารถใช้:

document.location.pathname.substring(document.location.pathname.lastIndexOf('/.') + 1);

document.location.pathnameรับชื่อพา ธ จาก URL ปัจจุบัน lastIndexOfได้รับดัชนีเกิดขึ้นครั้งล่าสุดของ Regex /.ต่อไปนี้ในกรณีของเราคือ จุดหมายถึงตัวละครใด ๆ ดังนั้นมันจะไม่นับถ้า/เป็นตัวอักษรตัวสุดท้ายของ URL substringจะตัดสตริงระหว่างสองดัชนี

ถ้า URL เป็น http://localhost/madukaonline/shop.php?shop=79

console.log(location.search); จะนำ ?shop=79

ดังนั้นวิธีที่ง่ายที่สุดคือการใช้location.search

คุณสามารถค้นหาข้อมูลเพิ่มเติมได้ที่นี่ และที่นี่

คุณสามารถทำเช่นนี้กับเส้นทางที่เรียบง่าย (w / 0) การสอบถาม ฯลฯ

ได้รับอาจซับซ้อนเกินไปและอาจไม่ใช่นักแสดง แต่ฉันต้องการใช้reduceเพื่อความสนุกของมัน

  "/foo/bar/"
    .split(path.sep)
    .filter(x => x !== "")
    .reduce((_, part, i, arr) => {
      if (i == arr.length - 1) return part;
    }, "");

1. แยกสตริงบนตัวคั่นพา ธ
2. กรองส่วนของเส้นทางสตริงที่ว่างเปล่า (ซึ่งอาจเกิดขึ้นกับเครื่องหมายสแลชต่อท้ายในเส้นทาง)
3. ลดอาเรย์ของส่วนพา ธ เป็นชิ้นสุดท้าย