Lấy tên đường dẫn từ url javascript

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

Làm cách nào để lấy đường dẫn URL trong JavaScript?

Vị trí cửa sổ JavaScript .
cửa sổ. địa điểm. href trả về href (URL) của trang hiện tại
cửa sổ. địa điểm. tên máy chủ trả về tên miền của máy chủ lưu trữ web
cửa sổ. địa điểm. tên đường dẫn trả về đường dẫn và tên tệp của trang hiện tại
cửa sổ. địa điểm. giao thức trả về giao thức web được sử dụng (http. hoặc https. )

Làm cách nào để lấy tên tệp từ URL trong JavaScript?

Giải thích .
var url = cửa sổ. địa điểm. tên đường dẫn;
tên tệp var = url. chuỗi con (url. lastIndexOf('/')+1);
var url = cửa sổ. địa điểm. tên đường dẫn; . chuỗi con (url. lastIndexOf('/')+1);

Tên đường dẫn của một URL là gì?

Thuộc tính tên đường dẫn của giao diện URL đại diện cho một vị trí trong cấu trúc phân cấp . Nó là một chuỗi được xây dựng từ danh sách các đoạn đường dẫn, mỗi đoạn được bắt đầu bằng ký tự /. Nếu URL không có phân đoạn đường dẫn, giá trị của thuộc tính tên đường dẫn sẽ là chuỗi trống.

Tên đường dẫn trong JavaScript là gì?

Thuộc tính tên đường dẫn của giao diện Vị trí là chuỗi chứa đường dẫn của URL cho vị trí . Nếu không có đường dẫn, tên đường dẫn sẽ trống. mặt khác, tên đường dẫn chứa ký tự '/' ban đầu, theo sau là đường dẫn của URL, không bao gồm chuỗi truy vấn hoặc đoạn.