URL cơ sở trong Javascript là gì?

JavaScript, Chuỗi, Trình duyệt, Regexp · 3 Tháng 1, 2021

Nhận URL hiện tại mà không có bất kỳ tham số hoặc mã định danh đoạn nào

const getBaseURL = url => url.replace(/[?#].*$/, '');

Đoạn trích được đề xuất

• Tạo một đối tượng chứa các tham số của URL hiện tại

• Kết hợp tất cả các phân đoạn URL đã cho với nhau, sau đó chuẩn hóa URL kết quả

• Kiểm tra xem chuỗi đã cho có phải là URL tuyệt đối không

URL là viết tắt của Bộ định vị tài nguyên thống nhất. URL là mã định danh duy nhất chỉ định địa chỉ của trang web hoặc tài nguyên trên internet. Một ví dụ về URL có thể là www. wikipedia. com

Mỗi URL có ít nhất ba phần. Tuy nhiên, các trang web thậm chí có thể có tới 8 hoặc 9 phần. Ví dụ: ba phần trong URL www. wikipedia. com là www. , wikipedia. , và com

cú pháp

Chương trình lấy URL trong JavaScript là

Giá trị trả về. Điều này trả về một chuỗi đại diện cho URL của tài liệu/trang web

Ví dụ. Mở trang web https. //www. Google. com/ và nhập đoạn mã sau vào bảng điều khiển của trình duyệt

const url_var = document.URL;

console.log(url_var);
đầu ra
Trong ví dụ trên, chúng tôi đã sử dụng tài liệu. URL để in URL của trang web
Thành phần URL
Một URL bao gồm sáu thành phần khác nhau. Mỗi thành phần này được phân chia bởi các ký tự đặc biệt như ?, /,, #,* v.v. Các thành phần này là
1. giao thức
Giao thức là một thành phần của URL xác định giao thức truyền dữ liệu mà chúng tôi sẽ sử dụng để truyền dữ liệu cho trang web hoặc tài nguyên hiện tại. Các giao thức cho URL có thể là - https, http, smtp, ftp, v.v.
2. Lãnh địa
Tên miền còn được gọi là tên máy chủ hoặc tên miền. Nó biểu thị tên của một trang web. Một ví dụ về tên miền trong URL là www. Google. com
3. Hải cảng
Cổng là một thành phần của URL được viết sau tên miền và ký hiệu dấu hai chấm (. ). Nói chung, cổng không hiển thị công khai. Vì vậy, nó hiếm khi được hiển thị trên các trang web có sẵn công khai. Tuy nhiên, cổng thường được sử dụng trong giai đoạn phát triển của một trang web. Một cổng trong URL https. //www. thí dụ. Trong. 8889 là 8889
4. Đường dẫn
Đường dẫn của một URL được viết sau tên miền và cổng. Đường dẫn chỉ định vị trí của một tài nguyên cụ thể trên một trang web. Tài nguyên này có thể là một hình ảnh, trang HTML, v.v. Ví dụ: trong URL https. //www. máy chia tỷ lệ. com/topics, đường dẫn /topics trỏ đến một tài nguyên có tên là chủ đề trong trang web
5. Truy vấn
Truy vấn là một chuỗi trong URL được sử dụng để kích hoạt tìm kiếm nội bộ trên một trang web. Ví dụ: trong URL https. //www. thí dụ. com/blog/search?doc=javascript, search?doc=javascript đại diện cho truy vấn
6. Băm
Thành phần băm thường xuất hiện ở cuối URL. Nó bắt đầu bằng ký hiệu # (băm). Nó biểu thị một vị trí cụ thể bên trong trang web như "id", "name" hoặc bất kỳ thuộc tính nào khác cho phần tử HTML. Ví dụ: trong https. //www. máy chia tỷ lệ. com/topics/javascript/classes-in-javascript/#class-fields, #class-fields biểu thị thành phần băm của URL



Cách lấy URL hiện tại trong JavaScript
Trước đây chúng tôi sử dụng tài liệu. URL để lấy URL hiện tại, nhưng bây giờ chúng tôi sẽ sử dụng đối tượng vị trí vì nó cung cấp nhiều chức năng hơn. Đối tượng vị trí trong JavaScript thuộc về cửa sổ và chứa thông tin về trang web hiện tại. Để lấy URL hiện tại trong JavaScript, chúng ta có thể sử dụng đối tượng vị trí và thuộc tính href của nó
cú pháp
Ví dụ. Mở trang web https. //www. máy chia tỷ lệ. com/topics và nhập đoạn mã sau vào bảng điều khiển của trình duyệt
const url_var = window.location.href;
console.log(url_var);
đầu ra
https://www.scaler.com/topics
Trong ví dụ trên, chúng tôi đã sử dụng vị trí. href để in URL hiện tại trong JavaScript
Nhận nguồn gốc URL
Để có được URL cơ sở (i. e. , giao thức, tên máy chủ và số cổng), chúng tôi sử dụng thuộc tính gốc của đối tượng vị trí
cú pháp
Ví dụ. Mở trang web https. //www. máy chia tỷ lệ. com/topics và nhập đoạn mã sau vào bảng điều khiển của trình duyệt
const url_var = window.location.origin;
console.log(url_var);
đầu ra
Trong ví dụ này, vì chúng tôi đã sử dụng thuộc tính gốc nên chúng tôi lấy URL cơ sở làm đầu ra. Đường dẫn/chủ đề đã bị bỏ qua khỏi đầu ra
 

			
Làm cách nào để xác định URL cơ sở trong JS?
			
Trong Công cụ dành cho nhà phát triển Chrome, bạn chỉ cần  vào cửa sổ.  vị trí trong bảng điều khiển của bạn và nó sẽ trả về tất cả các thuộc tính có sẵn . Lưu câu trả lời này. 
		
			
URL cơ sở là gì?
			
URL cơ sở.  Phần nhất quán hoặc phần gốc của địa chỉ trang web của bạn . Ví dụ: http. //www. Tên miền của bạn. com. URL tương đối. Đường dẫn còn lại được cung cấp sau URL cơ sở. Ví dụ: /contact_us, /seo/blog/new_post. 
		
			
Làm cách nào để lấy URL cơ sở từ URL trong js?
			
Một cách khác để lấy URL cơ sở từ một URL là  tạo một phiên bản URL và trích xuất các phần URL cơ sở từ đối tượng . Chúng tôi chuyển toàn bộ URL làm đối số của hàm tạo URL. Sau đó, chúng tôi có thể lấy URL cơ sở bằng cách kết hợp giao thức và tên máy chủ như chúng tôi đã làm trước đây. 
		
			
URL trong JavaScript là gì?
			
url.  Một chuỗi hoặc bất kỳ đối tượng nào khác có trình tạo chuỗi — bao gồm, ví dụ: phần tử  . Nếu url là một URL tương đối, cơ sở là bắt buộc và sẽ được sử dụng làm URL cơ sở. Nếu url là một URL tuyệt đối, một cơ sở nhất định sẽ bị bỏ qua. cơ sở Tùy chọn.