Làm cách nào để lấy URL hiện tại bằng JavaScript? – Đối tượng window.location có thể được sử dụng để lấy thuộc tính URL.window.location.href hiện tại trả về href (URL) …

Bạn đang xem: javascript lấy url trang hiện tại

Làm cách nào để lấy URL hiện tại bằng JavaScript?

Đối tượng window.location có thể được sử dụng để lấy URL hiện tại.

  • Thuộc tính window.location.href trả về href (URL) của hiện tại trang. Chúng tôi cũng có thể sử dụng window.location hoặc vị trí thay cho window.location.href.

Chúng tôi cũng có thể sử dụng các thuộc tính document.documentURI và document.URL.

  • document.documentURI trả về vị trí của tài liệu dưới dạng một chuỗi.

  • document.URL trả về URL của tài liệu dưới dạng một chuỗi.

Hãy hiểu cách lấy URL hiện tại bằng JavaScript bằng cách sử dụng các thuộc tính trên với sự trợ giúp của các ví dụ chương trình.

Ví dụ 1 – Sử dụng thuộc tính window.location.href.

Trong ví dụ này, chúng tôi sử dụng window.location.href để lấy URL hiện tại. Trong ví dụ dưới đây, bạn có thể thử sử dụng window.location hoặc vị trí thay cho window.location.href.

 & lt; html & gt;
& lt; body & gt;
& lt; div & gt;
& lt; p id = "dd" & gt; & lt; / p & gt;
& lt; / div & gt;
& lt; script type = "text / javascript" & gt;
var iid = document.getElementById ("dd");
cảnh báo (window.location.href);
iid.innerHTML = "URL là" + window.location.href;
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt; 

Đầu ra

Chúng tôi thực thi mã trực tuyến. Khi bạn chạy đoạn mã trên, một thông báo cảnh báo hiển thị URL hiện tại của trang được hiển thị. Ngoài ra, trình duyệt sẽ hiển thị URL hiện tại của trang.

 URL là https://tpcg1.tutorialspoint.com/root/84804/index.htm?v=1 

URL ở trên là địa chỉ vị trí của tệp hello.html. Tùy thuộc vào nơi bạn đã lưu tệp hello.html của mình, bạn có thể nhận được một URL khác. Bạn cũng có thể nhận được một loại URL khác khi chạy chương trình cục bộ.

Xem Thêm  JavaScript Regex Replace - javascript thay thế tất cả regex

Khi chạy chương trình cục bộ, bạn có thể nhận được URL hiện tại tương tự như bên dưới –

 URL là tệp: /// D: /JavaScript/index.html 

Tôi đã lưu tệp index.html trong thư mục D: / JavaScript.

Ví dụ 2 – Sử dụng document.documentURI

Trong ví dụ này, chúng tôi sử dụng document.documentURI để lấy URL hiện tại của tài liệu.

 & lt; html & gt;
& lt; body & gt;
& lt; div & gt;
& lt; p id = "dd" & gt; & lt; / p & gt;
& lt; / div & gt;
& lt; script type = "text / javascript" & gt;
var iid = document.getElementById ("dd");
cảnh báo (document.documentURI);
iid.innerHTML = "URL là" + document.documentURI;
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt; 

Đầu ra

Chúng tôi thực thi mã trực tuyến. Khi bạn thực thi đoạn mã trên, một thông báo cảnh báo hiển thị URL hiện tại của tài liệu sẽ được hiển thị. Ngoài ra, trình duyệt sẽ hiển thị URL hiện tại của tài liệu.

 URL là https://tpcg1.tutorialspoint.com/root/59223/index.htm?v=1 

Tương tự như trong Ví dụ 1, URL ở trên là địa chỉ vị trí của tệp hello.html. Tùy thuộc vào nơi bạn đã lưu tệp hello.html của mình, bạn có thể nhận được một URL khác. Bạn cũng có thể nhận được một loại URL khác khi chạy mã cục bộ.

Ví dụ 3 – Sử dụng document.URL

Trong ví dụ này, chúng tôi sử dụng document.URL để lấy URL hiện tại của tài liệu.

 & lt; html & gt;
& lt; body & gt;
& lt; div & gt;
& lt; p id = "dd" & gt; & lt; / p & gt;
& lt; / div & gt;
& lt; script type = "text / javascript" & gt;
var iid = document.getElementById ("dd");
cảnh báo (document.URL);
iid.innerHTML = "URL là" + document.URL;
& lt; / script & gt;
& lt; / body & gt;
& lt; / html & gt; 

Kết quả

Khi bạn thực thi đoạn mã trên, một thông báo cảnh báo cho biết URL hiện tại của tài liệu sẽ được hiển thị. Và trình duyệt cũng sẽ hiển thị URL hiện tại.

 URL là https://tpcg1.tutorialspoint.com/root/24466/index.htm?v=1 

Quảng cáo

Xem Thêm  Danh sách in Python - Sử dụng Vòng lặp, Bản đồ - cách in danh sách bằng vòng lặp for trong python


Xem thêm những thông tin liên quan đến chủ đề javascript lấy url trang hiện tại

Get URL Parameters in JavaScript | URLSearchParams

  • Tác giả: WebStylePress
  • Ngày đăng: 2022-02-10
  • Đánh giá: 4 ⭐ ( 8755 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Get parameters from URL in JavaScript. In this video we will learn about getting query string parameters or URL variables in JavaScript and parse (resolve / settle / find solution to) URL parameters. In some cases, we need to get parameters from URL. These can be called as URL parameters, query string parameters or URL variables. We can do that in JavaScript.

    index.html?name=john&age=20

    In this name and age are parameters and after isEquals sign is their value. There is window.location in JavaScript. If we expand window.location log in console, we see our parameters in front of search. We can store it in a variable and pass it to JavaScript URLSearchParams.

    From there we can use get method for URLSearchParams to separate URL parameters. We will parse (resolve / settle / find) the query string’s parameters using URLSearchParams. Get method will return the first value associated with the given search parameter. Now we can log these parameters individually or use these in our code. This is how we can get URL parameters in JavaScript. It can be used to get passed values from URL in JavaScript.

    If you are new to the channel, subscribe to learn more about web development, web application development, JavaScript, related tools and technologies.

    Thank You!
    👍 LIKE VIDEO
    👊 SUBSCRIBE
    🔔 PRESS BELL ICON
    ✍️ COMMENT

    Channel: https://www.youtube.com/webstylepress
    Website: https://www.webstylepress.com
    FaceBook: https://www.facebook.com/webstylepress
    Twitter: https://twitter.com/webstylepress
    GitHub: https://github.com/webstylepress
    WebStylePress JavaScript JS URLSearchParams URLParameters ParseURL tutorial webDevelopment

Location trong Javascript – điều hướng URL trong Javascript

  • Tác giả: freetuts.net
  • Đánh giá: 5 ⭐ ( 4388 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài này chúng ta sẽ tìm hiểu đối tượng location trong Javascript, location javascript dùng để xử lý chuyển hướng trang, hoặc xử lý các thành phần của.

Cách lấy URL của trang web đang truy cập trong JavaScript

  • Tác giả: webcoban.vn
  • Đánh giá: 4 ⭐ ( 4356 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách sử dụng thuộc tính href của đối tượng location trong javascript để lấy URL của trang web mà bạn đang truy cập hiện tại, cách lấy url hiện tại của trang web đang truy cập

Cách lấy url máy chủ bằng cách sử dụng javascript từ trang hiện tại

  • Tác giả: qastack.vn
  • Đánh giá: 4 ⭐ ( 6735 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] var host = window.location.hostname; hoặc có thể var host = “http://”+window.location.hostname; hoặc nếu bạn thích ghép…

[jQuery] Lấy đường dẫn URL và Title trang hiện tại

  • Tác giả: tanvietblog.com
  • Đánh giá: 3 ⭐ ( 1377 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Cách lấy URL hiện tại trong JavaScript

  • Tác giả: tech-wiki.online
  • Đánh giá: 4 ⭐ ( 4223 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Lấy URL của 1 trang web

  • Tác giả: hiepsiit.net
  • Đánh giá: 4 ⭐ ( 5168 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Python RegEx - chuỗi python chứa regex

By ads_php