Hướng dẫn what is url in javascript? - url trong javascript là gì?

Người xây dựng

URL()

Tạo và trả về một đối tượng URL tham chiếu URL được chỉ định bằng chuỗi URL tuyệt đối hoặc chuỗi URL tương đối và chuỗi URL cơ sở.

Thuộc tính thể hiện

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

Một chuỗi chứa

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

Một chuỗi chứa miền (đó là tên máy chủ) theo sau (nếu một cổng được chỉ định) A

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

Một chuỗi chứa miền của URL.

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

Một trình chuỗi biến đổi một chuỗi chứa toàn bộ URL.

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

Trả về một chuỗi chứa nguồn gốc của URL, đó là sơ đồ của nó, miền và cổng của nó.

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

Một chuỗi chứa mật khẩu được chỉ định trước tên miền.

url.pathname = 'démonstration.html';
console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"

Một chuỗi chứa

url.pathname = 'démonstration.html';
console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"

url.pathname = 'démonstration.html';
console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"

Một chuỗi chứa số cổng của URL.

url.pathname = 'démonstration.html';
console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"

Một chuỗi chứa sơ đồ giao thức của URL, bao gồm cả

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

url.pathname = 'démonstration.html';
console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"

Một chuỗi chỉ ra chuỗi tham số của URL; Nếu bất kỳ tham số nào được cung cấp, chuỗi này bao gồm tất cả chúng, bắt đầu bằng ký tự

url.pathname = 'démonstration.html';
console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"

url.pathname = 'démonstration.html';
console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"

Một đối tượng

url.pathname = 'démonstration.html';
console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"

url.pathname = 'démonstration.html';
console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

Một chuỗi chứa tên người dùng được chỉ định trước tên miền.

Phương pháp tĩnh

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

Trả về một chuỗi chứa một url blob duy nhất, đó là một URL có

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

Thu hồi một URL đối tượng được tạo trước đó bằng

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

Phương pháp thể hiện

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

Trả về một chuỗi chứa toàn bộ URL. Nó là một từ đồng nghĩa với

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

Trả về một chuỗi chứa toàn bộ URL. Nó trả về cùng một chuỗi với thuộc tính

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

Ghi chú sử dụng

Trình xây dựng có tham số

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

const response = await fetch(new URL('http://www.example.com/démonstration.html'));

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

const url = new URL('../cats', 'http://www.example.com/dogs');
console.log(url.hostname); // "www.example.com"
console.log(url.pathname); // "/cats"

Các thuộc tính URL có thể được đặt để xây dựng URL:

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

URL được mã hóa theo các quy tắc được tìm thấy trong RFC 3986. Ví dụ:

url.pathname = 'démonstration.html';
console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"

Giao diện

url.pathname = 'démonstration.html';
console.log(url.href); // "http://www.example.com/d%C3%A9monstration.html"

Để lấy các thông số tìm kiếm từ URL của cửa sổ hiện tại, bạn có thể làm điều này:

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

Phương thức

// https://some.site/?id=123
const parsedUrl = new URL(window.location.href);
console.log(parsedUrl.searchParams.get("id")); // "123"

url.hash = 'tabby';
console.log(url.href); // "http://www.example.com/cats#tabby"

const response = await fetch(new URL('http://www.example.com/démonstration.html'));

Xem thêm