Nhận phần đầu tiên của URL JavaScript

Đối tượng window.location có thể được sử dụng để lấy địa chỉ trang hiện tại (URL) và chuyển hướng trình duyệt đến một trang mới

Đối tượng window.location có thể được viết mà không cần tiền tố cửa sổ

Vài ví dụ

• window.location.href trả về href (URL) của trang hiện tại
• window.location.hostname trả về tên miền của máy chủ lưu trữ web
• window.location.pathname trả về đường dẫn và tên tệp của trang hiện tại
• window.location.protocol trả về giao thức web được sử dụng (http. hoặc https. )
• window.location.assign() tải một tài liệu mới

Vị trí cửa sổ Href

Thuộc tính window.location.href trả về URL của trang hiện tại

Ví dụ

Hiển thị href (URL) của trang hiện tại

tài liệu. getElementById("bản trình diễn"). innerHTML =
"Vị trí trang là " + cửa sổ. địa điểm. href;

kết quả là

Vị trí cửa sổ Tên máy chủ

Thuộc tính window.location.hostname trả về tên của máy chủ internet (của trang hiện tại)

Ví dụ

Hiển thị tên của máy chủ

tài liệu. getElementById("bản trình diễn"). innerHTML =
"Tên máy chủ của trang là " + cửa sổ. địa điểm. tên máy chủ;

kết quả là

Vị trí cửa sổ Tên đường dẫn

Thuộc tính window.location.pathname trả về tên đường dẫn của trang hiện tại

Ví dụ

Hiển thị tên đường dẫn của URL hiện tại

tài liệu. getElementById("bản trình diễn"). innerHTML =
"Đường dẫn trang là " + cửa sổ. địa điểm. tên đường dẫn;

kết quả là

Giao thức vị trí cửa sổ

Thuộc tính window.location.protocol trả về giao thức web của trang

Ví dụ

Hiển thị giao thức web

tài liệu. getElementById("bản trình diễn"). innerHTML =
"Giao thức trang là " + cửa sổ. địa điểm. giao thức;

kết quả là

Vị trí cửa sổ Cổng

Thuộc tính window.location1 trả về số cổng máy chủ internet (của trang hiện tại)

Ví dụ

Hiển thị tên của máy chủ

tài liệu. getElementById("bản trình diễn"). innerHTML =
"Số cổng là " + cửa sổ. địa điểm. cảng;

kết quả là

Hầu hết các trình duyệt sẽ không hiển thị số cổng mặc định (80 cho http và 443 cho https)

Chỉ định vị trí cửa sổ

Phương thức window.location.assign() tải một tài liệu mới

Ví dụ

Tải một tài liệu mới

Tìm hiểu cách lấy URL hiện tại bằng JavaScript

Sử dụng window.location.href để lấy địa chỉ URL hiện tại

Ví dụ

tài liệu. getElementById("bản trình diễn"). innerHTML =
"URL đầy đủ của trang này là.
" + cửa sổ. địa điểm. href;

Đủ đơ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

https://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 // "https://ui.dev/get-current-url-javascript/?comments=false"
origin // "https://ui.dev"
pathname // "/get-current-url-javascript/""



port // ""
protocol // "https:"
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.552 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ả

Làm cách nào để lấy phần đầu tiên của URL trong JavaScript?

Trả lời. Sử dụng cửa sổ. Đối tượng vị trí .

Làm cách nào để có được phân đoạn URL trong JavaScript?

Sử dụng JavaScript để truy cập các đoạn URL .
const newURL = cửa sổ. địa điểm. giao thức + ". //" + cửa sổ. địa điểm. .
const pathArray = cửa sổ. địa điểm. tên đường dẫn. tách ra("/");
const nav = tài liệu. getElementById("điều hướng"); . querySelector("li ul. không phải(. con đầu lòng)"). danh sách lớp học

Làm cách nào để lấy điểm cuối URL trong JavaScript?

Nhận URL và các phần URL trong JavaScript .
cửa sổ. địa điểm. giao thức = “http. ”
cửa sổ. địa điểm. máy chủ = “thủ thuật css. com”
cửa sổ. địa điểm. tên đường dẫn = “/ví dụ/chỉ mục. html”
cửa sổ. địa điểm. tìm kiếm = “?

Làm cách nào để lấy phần cuối của URL trong JavaScript?

Bạn cũng có thể sử dụng hàm lastIndexOf() để xác định vị trí xuất hiện cuối cùng của ký tự / trong URL của bạn, sau đó sử dụng hàm substring() để trả về chuỗi con bắt đầu từ vị trí đó . bảng điều khiển. nhật ký (cái này. href. : console. log(this. href.