Hướng dẫn how do i get the current url in html? - làm cách nào để lấy url hiện tại trong html?

Question

W3Schools được tối ưu hóa cho việc học và đào tạo. Ví dụ có thể được đơn giản hóa để cải thiện việc đọc và học tập. Hướng dẫn, tài liệu tham khảo và ví dụ được xem xét liên tục để tránh lỗi, nhưng chúng tôi không thể đảm bảo tính chính xác đầy đủ của tất cả các nội dung. Trong khi sử dụng W3Schools, bạn đồng ý đã đọc và chấp nhận các điều khoản sử dụng, cookie và chính sách bảo mật của chúng tôi.

Nội dung chính Show

Trả lời: Sử dụng thuộc tính const { host, hostname, href, origin, pathname, port, protocol, search} = window.locationhost hostname href origin pathname port protocol search 9
Câu hỏi thường gặp liên quan
Làm cách nào để nhận được url hiện tại của tôi?
Phương pháp nào trả về URL của trang hiện tại?
Làm cách nào để tìm URL của chuỗi?
Làm cách nào để chạy URL trong HTML?

Bản quyền 1999-2022 bởi dữ liệu refsnes. Đã đăng ký Bản quyền. W3Schools được cung cấp bởi W3.CSS.
W3Schools is Powered by W3.CSS.

Chủ đề: JavaScript / JQueryPrev | Tiếp theoPrev|Next

Trả lời: Sử dụng thuộc tính const { host, hostname, href, origin, pathname, port, protocol, search} = window.locationhost hostname href origin pathname port protocol search 9

Bạn có thể sử dụng thuộc tính JavaScript

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

9 để 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, định danh đ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.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Get Current URL in JavaScript</title>
</head>
<body>
    <script>
    function getURL() {
        alert("The URL of this page is: " + window.location.href);
    }
    </script>
     
    <button type="button" onclick="getURL();">Get Page URL</button>
</body>
</html>

Xem hướng dẫn trên 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í.

Câu hỏi thường gặp liên quan

Dưới đây là một số Câu hỏi thường gặp liên quan đến chủ đề này:

Cách tìm chuỗi con giữa hai từ bằng cách sử dụng jQuery
Cách kiểm tra xem một chuỗi có chứa chuỗi con trong JavaScript không
Cách kiểm tra một chuỗi trống trong JavaScript

function getCurrentURL () {
  return window.location.href
}
const url = getCurrentURL()
url

Đủ đơn giản. Nếu bạn đang sử dụng JavaScript trong trình duyệt, bạn có thể nhận được URL hiện tại đầy đủ bằng cách sử dụng

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

9. Tôi nghĩ rằng cũng đáng chú ý là

window.location.href

2 có một loạt các thuộc tính khác nhau trên đó cũng có thể được sử dụng cho bạn.

https://ui.dev/get-current-url-javascript/?comments=false

Đây là tất cả các thuộc tính mà

window.location.href

2 cung cấp cho chúng tôi.

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

3553

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tất cả những gì tôi muốn là có được URL trang web. Không phải URL như được lấy từ một liên kết. Trên trang tải trang, tôi cần có khả năng lấy URL đầy đủ, hiện tại của trang web và đặt nó như một biến để làm như tôi muốn.

hỏi ngày 23 tháng 6 năm 2009 lúc 19:26Jun 23, 2009 at 19:26

1

Use:

window.location.href

Như đã lưu ý trong các bình luận, dòng dưới đây hoạt động, nhưng nó bị lỗi cho Firefox.

document.URL

Xem URL của loại DomString, ReadOnly.URL of type DOMString, readonly.

10

Truy cập thông tin URL

JavaScript cung cấp cho bạn nhiều phương thức để truy xuất và thay đổi URL hiện tại, được hiển thị trong thanh địa chỉ của trình duyệt. Tất cả các phương pháp này sử dụng đối tượng

window.location.href

4, là thuộc tính của đối tượng

window.location.href

5. Bạn có thể đọc đối tượng

window.location.href

4 hiện tại bằng cách đọc

window.location.href

2:

var currentLocation = window.location;

Cấu trúc URL cơ bản

<protocol>//<hostname>:<port>/<pathname><search><hash>

Giao thức: Chỉ định tên giao thức được sử dụng để truy cập tài nguyên trên Internet. (Http (không có ssl) hoặc https (với ssl)) Specifies the protocol name be used to access the resource on the Internet. (HTTP (without SSL) or HTTPS (with SSL))
Tên máy chủ: Tên máy chủ chỉ định máy chủ sở hữu tài nguyên. Ví dụ,
```
window.location.href
```
8. Một máy chủ cung cấp dịch vụ bằng cách sử dụng tên của máy chủ. Host name specifies the host that owns the resource. For example,
```
window.location.href
```
8. A server provides services using the name of the host.
Cổng: Một số cổng được sử dụng để nhận ra một quy trình cụ thể mà internet hoặc thông báo mạng khác sẽ được chuyển tiếp khi nó đến máy chủ. A port number used to recognize a specific process to which an Internet or other network message is to be forwarded when it arrives at a server.
PathName: Đường dẫn cung cấp thông tin về tài nguyên cụ thể trong máy chủ mà máy khách web muốn truy cập. Ví dụ,
```
window.location.href
```
9. The path gives info about the specific resource within the host that the Web client wants to access. For example,
```
window.location.href
```
9.
Tìm kiếm: Một chuỗi truy vấn tuân theo thành phần đường dẫn và cung cấp một chuỗi thông tin mà tài nguyên có thể sử dụng cho một số mục đích (ví dụ: làm tham số cho tìm kiếm hoặc làm dữ liệu được xử lý). A query string follows the path component, and provides a string of information that the resource can utilize for some purpose (for example, as parameters for a search or as data to be processed).
Hash: Phần neo của URL, bao gồm dấu Hash (#). The anchor portion of a URL, includes the hash sign (#).

Với các thuộc tính đối tượng

window.location.href

4 này, bạn có thể truy cập tất cả các thành phần URL này và những gì chúng có thể đặt hoặc trả về:

href - toàn bộ url - the entire URL
Giao thức - Giao thức của URL - the protocol of the URL
máy chủ - tên máy chủ và cổng của URL - the hostname and port of the URL
Tên máy chủ - Tên máy chủ của URL - the hostname of the URL
Cổng - Số cổng mà máy chủ sử dụng cho URL - the port number the server uses for the URL
Tên đường dẫn - Tên đường dẫn của URL - the path name of the URL
Tìm kiếm - Phần truy vấn của URL - the query portion of the URL
Hash - phần neo của URL - the anchor portion of the URL
Nguồn gốc -
document.URL
1 - the
```
document.URL
```
1

Tôi hy vọng bạn có câu trả lời của bạn ..

Đậu đỏ

15.9K16 Huy hiệu vàng92 Huy hiệu bạc121 Huy hiệu đồng16 gold badges92 silver badges121 bronze badges

Đã trả lời ngày 23 tháng 12 năm 2013 lúc 15:33Dec 23, 2013 at 15:33

Nikhil Agrawalnikhil AgrawalNikhil Agrawal

25.4K21 Huy hiệu vàng88 Huy hiệu bạc120 Huy hiệu đồng21 gold badges88 silver badges120 bronze badges

8

Sử dụng

window.location.href

2 để đọc và ghi quyền truy cập vào đối tượng vị trí được liên kết với khung hiện tại. Nếu bạn chỉ muốn lấy địa chỉ dưới dạng chuỗi chỉ đọc, bạn có thể sử dụng

document.URL

3, có thể chứa cùng giá trị với

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

9.

Đã trả lời ngày 23 tháng 6 năm 2009 lúc 19:35Jun 23, 2009 at 19:35

ChristophchristophChristoph

161K36 Huy hiệu vàng178 Huy hiệu bạc236 Huy hiệu Đồng36 gold badges178 silver badges236 bronze badges

1

Nhận URL trang hiện tại:

window.location.href

Đã trả lời ngày 23 tháng 6 năm 2009 lúc 19:28Jun 23, 2009 at 19:28

ZanonizanoniZanoni

29.1K12 Huy hiệu vàng55 Huy hiệu bạc72 Huy hiệu đồng12 gold badges55 silver badges72 bronze badges

4

OK, nhận được URL đầy đủ của trang hiện tại rất dễ sử dụng JavaScript thuần túy. Ví dụ: hãy thử mã này trên trang này:full URL of the current page is easy using pure JavaScript. For example, try this code on this page:

window.location.href;
// use it in the console of this page will return
// http://stackoverflow.com/questions/1034621/get-current-url-in-web-browser"

Thuộc tính

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

9 trả về URL của trang hiện tại.

function getCurrentURL () {
  return window.location.href
}
const url = getCurrentURL()
url

0

function getCurrentURL () {
  return window.location.href
}
const url = getCurrentURL()
url

1

Chỉ không tệ khi đề cập đến những điều này là tốt:

Nếu bạn cần một đường dẫn tương đối, chỉ cần sử dụng
```
document.URL
```
6;
Nếu bạn muốn lấy tên máy chủ, bạn có thể sử dụng
```
document.URL
```
7;
Và nếu bạn cần có được giao thức riêng biệt, hãy sử dụng
```
document.URL
```
8
- Ngoài ra, nếu trang của bạn có thẻ
```
document.URL
```
  9, bạn có thể nhận được nó như:
```
var currentLocation = window.location;
```
  0.

Vì vậy,

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

9 xử lý tất cả trong một lần ... về cơ bản:

function getCurrentURL () {
  return window.location.href
}
const url = getCurrentURL()
url

2

Ngoài ra, sử dụng

var currentLocation = window.location;

2 là không cần thiết nếu đã có trong phạm vi cửa sổ ...

Vì vậy, trong trường hợp đó, bạn có thể sử dụng:

function getCurrentURL () {
  return window.location.href
}
const url = getCurrentURL()
url

3

Marc.2377

7.1216 Huy hiệu vàng52 Huy hiệu bạc89 Huy hiệu đồng6 gold badges52 silver badges89 bronze badges

Đã trả lời ngày 7 tháng 10 năm 2017 lúc 2:31Oct 7, 2017 at 2:31

AlirezaalirezaAlireza

96.1K26 Huy hiệu vàng265 Huy hiệu bạc167 Huy hiệu đồng26 gold badges265 silver badges167 bronze badges

0

Để có được đường dẫn, bạn có thể sử dụng:

function getCurrentURL () {
  return window.location.href
}
const url = getCurrentURL()
url

4

Elena

3642 Huy hiệu bạc9 Huy hiệu Đồng2 silver badges9 bronze badges

Đã trả lời ngày 10 tháng 9 năm 2015 lúc 6:51Sep 10, 2015 at 6:51

Sangeet Shahsangeet ShahSangeet Shah

2.9892 Huy hiệu vàng21 Huy hiệu bạc25 Huy hiệu Đồng2 gold badges21 silver badges25 bronze badges

Mở các công cụ của nhà phát triển, nhập vào phần sau trong bảng điều khiển và nhấn Enter.Developer Tools, type in the following in the console and press Enter.

function getCurrentURL () {
  return window.location.href
}
const url = getCurrentURL()
url

5

Ví dụ: Dưới đây là ảnh chụp màn hình của kết quả trên trang hiện tại.

Lấy những gì bạn cần từ đây. :)

Đã trả lời ngày 9 tháng 6 năm 2017 lúc 9:32Jun 9, 2017 at 9:32

TmhtmhTmh

1.20115 Huy hiệu bạc25 Huy hiệu Đồng15 silver badges25 bronze badges

Sử dụng:

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

9.

Như đã lưu ý ở trên,

document.URL

3 không cập nhật khi cập nhật

window.location.href

2. Xem MDN.doesn't update when updating

window.location.href

2. See MDN.

Đã trả lời ngày 25 tháng 4 năm 2014 lúc 16:14Apr 25, 2014 at 16:14

DoriandorianDorian

Phim huy hiệu vàng 21.5k88 gold badges117 silver badges114 bronze badges

Sử dụng

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

9 để có được URL hoàn chỉnh.

Sử dụng
```
document.URL
```
6 để lấy URL rời khỏi máy chủ.

Đã trả lời ngày 26 tháng 3 năm 2015 lúc 6:10Mar 26, 2015 at 6:10

Kishorekishorekishore

1.6007 Huy hiệu vàng23 Huy hiệu bạc33 Huy hiệu Đồng7 gold badges23 silver badges33 bronze badges

1

Bạn có thể nhận được vị trí URL hiện tại với thẻ băm bằng cách sử dụng:

JavaScript:

function getCurrentURL () {
  return window.location.href
}
const url = getCurrentURL()
url

6

jQuery::

function getCurrentURL () {
  return window.location.href
}
const url = getCurrentURL()
url

7

Đã trả lời ngày 8 tháng 10 năm 2016 lúc 15:24Oct 8, 2016 at 15:24

1

Đối với URL hoàn chỉnh với chuỗi truy vấn:

function getCurrentURL () {
  return window.location.href
}
const url = getCurrentURL()
url

8

Đối với URL máy chủ:

function getCurrentURL () {
  return window.location.href
}
const url = getCurrentURL()
url

5

Đã trả lời ngày 5 tháng 9 năm 2014 lúc 23:07Sep 5, 2014 at 23:07

0

https://ui.dev/get-current-url-javascript/?comments=false

0

Đã trả lời ngày 18 tháng 12 năm 2021 lúc 8:17Dec 18, 2021 at 8:17

WeiloryweiloryWeilory

2.04812 Huy hiệu bạc27 Huy hiệu đồng12 silver badges27 bronze badges

https://ui.dev/get-current-url-javascript/?comments=false

1

Mã trên cũng có thể giúp ai đó

Đã trả lời ngày 19 tháng 12 năm 2013 lúc 12:58Dec 19, 2013 at 12:58

Rohan Patilrohan PatilRohan Patil

1.8391 Huy hiệu vàng22 Huy hiệu bạc36 Huy hiệu đồng1 gold badge22 silver badges36 bronze badges

0

Thêm kết quả để tham khảo nhanh

window.location;

https://ui.dev/get-current-url-javascript/?comments=false

2

document.location

https://ui.dev/get-current-url-javascript/?comments=false

3

window.location.pathname

https://ui.dev/get-current-url-javascript/?comments=false

4

window.location.href

https://ui.dev/get-current-url-javascript/?comments=false

5

vị trí.hostname

https://ui.dev/get-current-url-javascript/?comments=false

6

Đã trả lời ngày 3 tháng 11 năm 2017 lúc 13:52Nov 3, 2017 at 13:52

Hitesh Sahuhitesh SahuHitesh Sahu

40.1K17 Huy hiệu vàng196 Huy hiệu bạc147 Huy hiệu đồng17 gold badges196 silver badges147 bronze badges

Câu trả lời của Nikhil Agrawal rất tuyệt, chỉ cần thêm một ví dụ nhỏ ở đây bạn có thể làm trong bảng điều khiển để xem các thành phần khác nhau trong hành động:

Nếu bạn muốn URL cơ sở không có tham số đường dẫn hoặc truy vấn (ví dụ: để thực hiện các yêu cầu AJAX để làm việc trên cả máy chủ phát triển/dàn và sản xuất),

var currentLocation = window.location;

8 là tốt nhất vì nó giữ giao thức cũng như cổng tùy chọn (trong phát triển Django, bạn Đôi khi có một cổng không chuẩn, phá vỡ nó nếu bạn chỉ sử dụng tên máy chủ, v.v.)

Đã trả lời ngày 27 tháng 12 năm 2019 lúc 17:05Dec 27, 2019 at 17:05

Dữ liệu Apollo DataApolloApollo Data

1.19710 Huy hiệu bạc18 Huy hiệu đồng10 silver badges18 bronze badges

Để có được đường dẫn, bạn có thể sử dụng:

https://ui.dev/get-current-url-javascript/?comments=false

7

ElenaAug 17 at 19:50

3642 Huy hiệu bạc9 Huy hiệu Đồng

1:

https://ui.dev/get-current-url-javascript/?comments=false

8

2:

https://ui.dev/get-current-url-javascript/?comments=false

9

3:

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

0

Đã trả lời ngày 10 tháng 9 năm 2015 lúc 6:51Jan 1, 2021 at 11:55

Sangeet Shahsangeet ShahProgrammer

2.9892 Huy hiệu vàng21 Huy hiệu bạc25 Huy hiệu Đồng2 silver badges9 bronze badges

Mở các công cụ của nhà phát triển, nhập vào phần sau trong bảng điều khiển và nhấn Enter.

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

1

Ví dụ: Dưới đây là ảnh chụp màn hình của kết quả trên trang hiện tại.Feb 10, 2021 at 10:04

Lấy những gì bạn cần từ đây. :)Blackjack

Đã trả lời ngày 9 tháng 6 năm 2017 lúc 9:321 gold badge14 silver badges19 bronze badges

Tmhtmh

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

2

1.20115 Huy hiệu bạc25 Huy hiệu Đồng

Sử dụng:

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

9.Apr 12, 2016 at 15:06

0

Như đã lưu ý ở trên,

document.URL

3 không cập nhật khi cập nhật

window.location.href

2. Xem MDN.

Đã trả lời ngày 25 tháng 4 năm 2014 lúc 16:14

Doriandorian

Phim huy hiệu vàng 21.5k8

Sử dụng

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

9 để có được URL hoàn chỉnh.Sep 29, 2015 at 14:05

Sử dụng

document.URL

6 để lấy URL rời khỏi máy chủ.Josip Ivic

3.5799 Huy hiệu vàng39 Huy hiệu bạc57 Huy hiệu Đồng9 gold badges39 silver badges57 bronze badges

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

3

và

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

4

làm như vậy.

Đã trả lời ngày 6 tháng 4 năm 2017 lúc 11:47Apr 6, 2017 at 11:47

زازادزياد

89210 Huy hiệu bạc14 Huy hiệu đồng10 silver badges14 bronze badges

Đã trả lời ngày 1 tháng 1 năm 2020 lúc 22:37Jan 1, 2020 at 22:37

Kamil Kiełczewskikamil KiełczewskiKamil Kiełczewski

76.6K26 Huy hiệu vàng339 Huy hiệu bạc316 Huy hiệu Đồng26 gold badges339 silver badges316 bronze badges

Bạn có thể nhận được liên kết đầy đủ của trang hiện tại thông qua

window.location.href

0 và để có được liên kết của bộ điều khiển hiện tại, sử dụng:

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

5

Đã trả lời ngày 14 tháng 3 năm 2017 lúc 13:13Mar 14, 2017 at 13:13

Nhận URL hiện tại với JavaScript:

window.location.toString();
window.location.href

Đã trả lời ngày 26 tháng 12 năm 2017 lúc 4:08Dec 26, 2017 at 4:08

Nếu bạn đang đề cập đến một liên kết cụ thể có ID, mã này có thể giúp bạn.id this code can help you.

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

6

Tôi đang sử dụng AJAX ở đây để gửi ID và chuyển hướng trang bằng Window.location.replace. Chỉ cần thêm một thuộc tính

window.location.href

1 như đã nêu.window.location.replace. just add an attribute

window.location.href

1 as stated.

JGallardo

10,7K7 Huy hiệu vàng78 Huy hiệu bạc93 Huy hiệu Đồng7 gold badges78 silver badges93 bronze badges

Đã trả lời ngày 30 tháng 6 năm 2018 lúc 10:26Jun 30, 2018 at 10:26

Sự tò mòcuriosity

8048 Huy hiệu bạc20 Huy hiệu Đồng8 silver badges20 bronze badges

Đầu tiên kiểm tra trang được tải hoàn toàn trong

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

7

Sau đó, gọi một chức năng lấy URL, biến URL và in trên bảng điều khiển,

const {
  host, hostname, href, origin, pathname, port, protocol, search
} = window.location
host 
hostname 
href 
origin 
pathname 
port 
protocol 
search

8

Đã trả lời ngày 9 tháng 10 năm 2018 lúc 11:52Oct 9, 2018 at 11:52

Ashish Kambleashish KambleAshish Kamble

2.4913 Huy hiệu vàng23 Huy hiệu bạc27 Huy hiệu đồng3 gold badges23 silver badges27 bronze badges

0

Làm cách nào để nhận được url hiện tại của tôi?

Trả lời: Sử dụng Window.location.Href Vị trí thuộc tính.Thuộc tính href để có toàn bộ URL của trang hiện tại bao gồm tên máy chủ, chuỗi truy vấn, định danh phân đoạn, v.v.Use the window. location. href Property location. href property to get the entire URL of the current page which includes host name, query string, fragment identifier, etc.

Phương pháp nào trả về URL của trang hiện tại?

Thuộc tính window.location.href trả về URL của trang hiện tại.window.location.href property returns the URL of the current page.

Làm cách nào để tìm URL của chuỗi?

Phương thức CheckValItion () được sử dụng để kiểm tra xem một chuỗi trong thuộc tính giá trị của phần tử là URL.Phương thức kiểm tra () trả về đúng nếu giá trị là URL thích hợp và sai nếu đầu vào không phải là URL thích hợp. is used to check if a string in element's value attribute is URL . The checkvalidity() method returns true if the value is a proper URL and false if the input is not a proper URL.

Làm cách nào để chạy URL trong HTML?

Xác định một trường để nhập URL.Giá trị đầu vào được xác thực tự động trước khi biểu mẫu có thể được gửi.Mẹo: Luôn thêm thẻ cho thực tiễn tiếp cận tốt nhất! defines a field for entering a URL. The input value is automatically validated before the form can be submitted. Tip: Always add the tag for best accessibility practices!

programming html Get URL JavaScript Get URL PHP Window location protocol Location HTML