Đủ đơn giản. Nếu bạn đang sử dụng JavaScript trong trình duyệt, bạn có thể lấy toàn bộ URL hiện tại bằng cách sử dụng window.location.href
. Tôi nghĩ cũng đáng lưu ý rằng window.location
có rất nhiều thuộc tính khác nhau trên đó cũng có thể hữu ích cho bạn
Giả sử đây là URL hiện tại mà chúng ta đang truy cập
//ui.dev/get-current-url-javascript/?comments=false
Đây là tất cả các thuộc tính mà window.location
mang lại cho chúng ta
const {
host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host // "ui.dev"
hostname // "ui"
href // "//ui.dev/get-current-url-javascript/?comments=false"
origin // "//ui.dev"
pathname // "/get-current-url-javascript/""
port // ""
protocol // ""
search // "?comments=false"
Trước khi bạn đi
Tôi biết, một bản tin khác - nhưng hãy nghe tôi nói. Hầu hết các bản tin JavaScript đều tệ. Lần cuối cùng bạn thực sự mong muốn có được một cái là khi nào?
Chúng tôi gọi nó là Byte, nhưng những người khác gọi nó là bản tin yêu thích của họ
tham gia byte
Được gửi tới 109.534 nhà phát triển vào mỗi thứ Hai và thứ Năm
Sdu
@sduduzo_g
Đây là bản tin đầu tiên mà tôi mở danh sách phát nhạc và tối đa hóa cửa sổ trình duyệt của mình chỉ để yên tâm đọc nó. Kudos để @uidotdev cho nội dung hàng tuần tuyệt vời
Brandon Bayer
@flybayer
Bản tin Bytes là một tác phẩm nghệ thuật. Đó là bản tin dành cho nhà phát triển duy nhất mà tôi đã đăng ký. Bằng cách nào đó, họ lấy những thứ hơi nhàm chán và truyền vào đó một lượng hài vừa phải để khiến bạn cười khúc khích
John Hawley
@johnhawly
Bytes là bản tin yêu thích của tôi kể từ khi thành lập. Đó là điều yêu thích của tôi mà tôi mong đợi vào thứ Hai. Tuyệt vời với một tách cà phê nóng
màu xanh lá cây Garrett
@garrettgreen
Tôi đăng ký RẤT NHIỀU bản tin dành cho nhà phát triển [đặc biệt là JS/TS/Node] và Byte của @uidotdev luôn là một sự thay đổi thú vị, được hoan nghênh đối với hầu hết [hài hước, vui vẻ, v.v.] nhưng vẫn toàn diện/hữu ích
Muhammad
@mhashim6_
Thực sự là bản tin duy nhất mà tôi chờ đợi mỗi tuần
Grayson Hicks
@graysonhicks
Bytes là bản tin dành cho nhà phát triển mà tôi mong chờ nhất mỗi tuần. Cân bằng tuyệt vời giữa nội dung và ngữ cảnh. Cảm ơn @uidotdev
Mitchell Wright
@mitchellbwright
Tôi biết tôi đã nói điều đó trước đây, nhưng @tylermcginnis không bỏ lỡ email Bytes. Nếu bạn là nhà phát triển, bạn thực sự cần phải đăng ký
Ali Spittel
@aspittel
Tôi có thể nói rằng tôi cười khúc khích mỗi khi nhận được email @uidotdev mỗi tuần không?
Chris Finn
@thefinnomenon
Mọi lập trình viên JavaScript nên đăng ký nhận bản tin từ @uidotdev. Họ không chỉ quản lý để đưa tin ngắn gọn về những tin tức nóng hổi trong thế giới JavaScript trong tuần mà họ còn quản lý để thêm sự hài hước mới mẻ vào tất cả
Bạn có thể sử dụng thuộc tính JavaScript window.location.href
để lấy toàn bộ URL của trang hiện tại bao gồm tên máy chủ, chuỗi truy vấn, mã định danh phân đoạn, v.v.
Ví dụ sau sẽ hiển thị url hiện tại của trang khi nhấp vào nút
Get Current URL in JavaScript
Get Page URL
Xem hướng dẫn về vị trí cửa sổ JavaScript để tìm hiểu về các thuộc tính khác của đối tượng vị trí