Thuộc tính hostname chứa tên máy chủ mà tài liệu hiện tại được phục vụ từ đó, không bao gồm giao thức, cổng và các thông tin khác
Thuộc tính của apis/locationapis/location
cú pháp
Ghi chú. Thuộc tính này là chỉ đọc
var result = window.location.hostname;
Giá trị trả về
Trả về một đối tượng kiểu String String
Tên máy chủ mà tài liệu hiện tại được cung cấp từ
Ví dụ: //example.org/
sẽ trả về tên máy chủ example.org
ví dụ
Ví dụ sau giả sử tài liệu của bạn có phần tử div với id 'hostDiv', như thế này
thông số kỹ thuật liên quan
Đối tượng cửa sổ 1. Dự thảo làm việc 0W3CSam Deering có hơn 15 năm kinh nghiệm lập trình và phát triển trang web. Anh ấy là cố vấn trang web tại Console, ABC News, Flight Centre, Sapient Nitro, và QLD Government và điều hành một blog công nghệ với hơn 1 triệu lượt xem mỗi tháng. Hiện tại, Sam là Founder của Crypto News, Australia
Một thuật ngữ thay thế cho một địa chỉ web là một URL. Ví dụ: điểm hướng dẫn. com là một URL dựa trên từ. Địa chỉ IP cũng có thể được sử dụng làm URL [ví dụ:. 192. 168. 2. 24]. Vì tên dễ nhớ hơn so với số nên hầu hết người dùng gửi địa chỉ của tên khi tìm kiếm trên internet
URL là phương pháp mà trình duyệt web yêu cầu máy chủ web cung cấp các trang cụ thể. Cú pháp/định dạng của một URL được đưa ra dưới đây
cú pháp
scheme://prefix.domain:port/path/filename
Thông số
lược đồ - chỉ định loại dịch vụ Internet [http hoặc https đang được sử dụng chung]
tiền tố - chỉ định tiền tố tên miền [www là mặc định cho http]
tên miền - mô tả tên miền internet [ví dụ:. hướng dẫn. com]
port − chỉ định số cổng của máy chủ [80 là mặc định cho http]
đường dẫn - thiết lập đường dẫn phía máy chủ
tên tệp - chỉ định tên của tài nguyên hoặc tài liệu
Lược đồ URL điển hình
HTTP - giao thức truyền tải siêu văn bản
HTTP được sử dụng trong các trang web phổ biến. Đây không phải là một giao thức được mã hóa
HTTPS - giao thức truyền tải siêu văn bản an toàn
HTTPS được sử dụng trong các trang web an toàn. Đây là một giao thức được mã hóa
FTP - Giao thức truyền tệp
FTP được sử dụng để tải xuống hoặc tải lên tệp
Bây giờ chúng ta hãy xem cách lấy tên máy chủ trong một URL
Sử dụng thuộc tính tên máy chủ của vị trí cửa sổ hiện tại
Trong phần này, chúng ta sẽ xem cách lấy tên máy chủ trong url bằng thuộc tính tên máy chủ của vị trí cửa sổ hiện tại
cú pháp
Thực hiện theo cú pháp dưới đây để có được tên máy chủ
First window.location.hostname;
Ở đây chúng tôi truy cập thuộc tính tên máy chủ từ vị trí của cửa sổ hiện tại
thuật toán
BƯỚC 1 – Nhận URL hiện tại
BƯỚC 2 – Hiển thị tên máy chủ từ URL hiện tại bằng cách sử dụng cú pháp tên máy chủ vị trí cửa sổ hiện tại
Thí dụ
Trong ví dụ này, chúng tôi đã đặt Dom trống để hiển thị đầu ra. Chúng tôi đã viết mã để lấy tên máy chủ từ vị trí trang web hiện tại
Using the current window location's hostname property
Sử dụng thuộc tính tên máy chủ của URL
Trong phần này, chúng ta sẽ xem cách lấy tên máy chủ trong một URL bằng cách sử dụng thuộc tính tên máy chủ của bất kỳ URL nào. Ở đây, chúng tôi đã tạo đối tượng URL tùy chỉnh bằng cách sử dụng hàm tạo URL[] mới
cú pháp
Thực hiện theo cú pháp dưới đây để có được tên máy chủ
var url = new URL["www.sample.com"]; var hostname = url.hostname;
Ở đây chúng tôi truy cập trực tiếp vào thuộc tính tên máy chủ từ URL. Chúng tôi sử dụng phương thức URL mới để tạo một URL mới và sau đó thuộc tính tên máy chủ của url này được lấy
Thí dụ
Trong ví dụ này, mã tạo một url mẫu bằng phương thức URL[] mới. Tên máy chủ được hiển thị bằng cách truy cập thuộc tính tên máy chủ của chính URL đó
Using the any url's hostname property
Trong hướng dẫn này, chúng ta đã học cách lấy tên máy chủ trong một URL bằng cách sử dụng thuộc tính tên máy chủ trong JavaScript
Thuộc tính tên máy chủ là thuộc tính JavaScript tích hợp và dễ dàng truy cập tên máy chủ từ URL hiện tại cũng như từ bất kỳ URL nào được tạo bằng phương thức URL[] mới
Đối tượng Vị trí JavaScript cung cấp quyền truy cập vào các thành phần URL hiện tại. Người ta có thể coi đối tượng này như một cửa sổ chỉ đọc vào vị trí hiện tại
Có hai thuộc tính của đối tượng Vị trí thường bị nhầm lẫn. máy chủ và tên máy chủ
Vị trí. chủ nhà
Thuộc tính máy chủ trả về tên máy chủ, số cổng và giao thức của URL hiện tại. Ví dụ: nếu URL hiện tại là "http. //thí dụ. com. 8080/đường dẫn/đến/trang. html", giá trị của máy chủ sẽ là "ví dụ. com. 8080"
Ưu điểm của việc sử dụng vị trí. chủ nhà
Ngoài ra còn có một vài lợi thế khi sử dụng vị trí. lưu trữ trên vị trí. tên máy chủ
Đầu tiên, nó cụ thể hơn. Nếu bạn cần số cổng hoặc giao thức, bạn có thể chắc chắn rằng nó sẽ được trả về bởi thuộc tính máy chủ
Thứ hai, nó ngắn gọn hơn. Nếu bạn chỉ cần tên máy chủ, bạn có thể sử dụng thuộc tính tên máy chủ ngắn hơn. Nhưng nếu bạn cũng cần số cổng hoặc giao thức, bạn có thể sử dụng thuộc tính máy chủ và nhận tất cả thông tin trong một lần
Thứ ba, nó là bằng chứng trong tương lai. Nếu một thành phần URL mới được thêm vào, thì thành phần đó có thể sẽ được đưa vào thuộc tính máy chủ lưu trữ. Đây không nhất thiết là trường hợp với thuộc tính tên máy chủ
Mặt khác, thuộc tính tên máy chủ chỉ trả về phần tên máy chủ của URL hiện tại. Ví dụ: nếu URL hiện tại là "http. //thí dụ. com. 8080/đường dẫn/đến/trang. html", giá trị của tên máy chủ sẽ là "ví dụ. com"
Ưu điểm của việc sử dụng vị trí. tên máy chủ
Có một vài lợi thế khi sử dụng vị trí. tên máy chủ trên vị trí. chủ nhà
Đầu tiên, nó dễ đọc hơn. Khi bạn đang xem một URL, bạn thường quan tâm đến tên máy chủ hơn là số cổng hoặc giao thức
Thứ hai, nó nhất quán hơn. Tên máy chủ là một phần bắt buộc của URL, trong khi số cổng và giao thức là tùy chọn. Điều này có nghĩa là không phải tất cả các URL đều có thuộc tính máy chủ, nhưng tất cả chúng sẽ có tên máy chủ
Thứ ba, nó dẻo dai hơn. Nếu bạn thay đổi số cổng hoặc giao thức của một URL, tên máy chủ sẽ vẫn như cũ. Đây không phải là trường hợp với thuộc tính máy chủ
Khi nào thì sử dụng từng cái?
Nói chung, bạn nên sử dụng vị trí. tên máy chủ trừ khi bạn đặc biệt cần số cổng hoặc giao thức
Lý do là tên máy chủ là phần "con người có thể đọc được" của URL, trong khi thuộc tính máy chủ lưu trữ cũng bao gồm số cổng và giao thức. Hầu hết thời gian, những thông tin bổ sung này là không cần thiết
Tuy nhiên vẫn có một vài trường hợp ngoại lệ. Một ví dụ là nếu bạn cần tạo một URL mới bằng cách sử dụng URL hiện tại làm cơ sở. Trong trường hợp này, bạn sẽ cần sử dụng vị trí. máy chủ lưu trữ để bảo toàn số cổng và giao thức
Một ngoại lệ khác là nếu bạn đang sử dụng công cụ rút ngắn URL. Trong trường hợp này, bạn sẽ muốn sử dụng vị trí. máy chủ lưu trữ để giữ nguyên tên máy chủ của URL gốc
Bảng sau đây nêu bật những khác biệt chính giữa vị trí. máy chủ và vị trí. tên máy chủ trong JavaScript −
Cơ sở vị trí so sánh. địa điểm lưu trú. hostnameDefinition Thuộc tính máy chủ trả về tên máy chủ, số cổng và giao thức của URL hiện tại Thuộc tính tên máy chủ, mặt khác, chỉ trả về phần tên máy chủ của URL hiện tạiVí dụNếu URL hiện tại là "http. //thí dụ. com. 8080/đường dẫn/đến/trang. html", giá trị của máy chủ lưu trữ sẽ là "ví dụ. com. 8080Nếu URL hiện tại là "http. //thí dụ. com. 8080/đường dẫn/đến/trang. html", giá trị của tên máy chủ sẽ là "ví dụ. com". Khi nào nên sử dụng?Bạn nên sử dụng vị trí. máy chủ nếu bạn cần cụ thể số cổng hoặc giao thức. Bạn nên sử dụng vị trí. tên máy chủ trừ khi bạn đặc biệt cần số cổng hoặc giao thức. Khả năng đọc Thuộc tính máy chủ cũng bao gồm số cổng và giao thức khiến nó khó đọc hơn. Tên máy chủ là phần "con người có thể đọc được" của URLPhần kết luận
Trong hầu hết các trường hợp, bạn nên sử dụng vị trí. tên máy chủ trên vị trí. chủ nhà. Nó dễ đọc hơn, nhất quán hơn và linh hoạt hơn. Tuy nhiên, có một vài trường hợp ngoại lệ, chẳng hạn như khi bạn cần tạo một URL mới hoặc khi bạn đang sử dụng công cụ rút ngắn URL