Tên máy chủ trong javascript là gì?

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ụ: http://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 0W3C

Sam 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 URL

Phầ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

Làm cách nào để lấy tên máy chủ bằng JavaScript?

Ví dụ về tên máy chủ là gì?

Ý nghĩa của tên máy chủ là gì?

Tên máy chủ trong HTML là gì?