Cơ sở quản lý URL?

Question

Có API JavaScript (bản địa) cung cấp "chức năng" của window.location cho URL tùy chỉnh không? một cái gì đó dọc theo dòng của

var url = new URL("http://stackoverflow.com/question?hello=world#foo"); 
console.log(url.hostname, url.path); 
// out: "stackoverflow.com", "/question" 
url.hash = "bar"; 
url.query = ""; 
console.log(url); 
// out: "http://stackoverflow.com/question#bar" 

Tôi khá chắc chắn không có API gốc cho điều này (vì lý do nào). Nếu ai đó thực hiện việc này, vui lòng chia sẻ liên kết.

Answer 1

Vì vậy, câu trả lời là có và không.

Như một số câu trả lời gợi ý, bạn có thể tạo phần tử neo và sử dụng nó để thực hiện phân tích cú pháp, về cơ bản là mã gốc.

var url = document.createElement("A"); 
url.href = "http://stackoverflow.com/question?hello=world#foo"; 

console.log('// expected: "stackoverflow.com", "/question"'); 
console.log('//  got: "' + url.hostname + '", "' + url.pathname + '"'); 
output -->   got: "stackoverflow.com", "/question" 

url.hash = "bar"; 
url.search = ""; 

console.log('// expected: "http://stackoverflow.com/question#bar"'); 
console.log('//  got: "' + url.href + '"'); 
output -->   got: "http://stackoverflow.com/question?#bar" 

Live Demo: http://jsfiddle.net/roberkules/H48dt/

Sự khác biệt duy nhất là, rằng ? không bị xóa sau khi chuỗi truy vấn bị làm trống.

Các "API":

url.protocol 
url.host 
url.port 
url.pathname 
url.search 
url.hash 

Answer 2

Vì không có API hữu ích để làm việc với URL, tôi đã xây dựng một bản thân mình: URI.js.

Nó cho phép bạn đọc/ghi các thành phần của URL thông qua API giống jQuery và có một số tính năng hữu ích để làm việc với chuỗi truy vấn, chuẩn hóa URL và tạo đường dẫn tương đối/tuyệt đối.

Giáng sinh vui vẻ, thưởng thức :)