Hướng dẫn how do you pass a variable from one html page to another using javascript? - làm thế nào để bạn chuyển một biến từ trang html này sang trang html khác bằng cách sử dụng javascript?
|
Tôi có hai trang - "Trang 1" và "Trang 2". Trên trang 1, có một hộp văn bản với giá trị, ví dụ: 100 và một nút ở cuối. Show
Bằng cách nhấn nút, tôi muốn JavaScript lưu giá trị của hộp văn bản trong biến toàn cầu (?) Và Nhảy đến trang 2. Với "window.onload" Tôi muốn một chức năng JavaScript thứ hai để cảnh báo giá trị được lưu tại trang1. Đây là mã JavaScript của tôi: Cách đầu tiên bạn có thể chuyển các giá trị từ trang này sang trang khác là thêm nó vào liên kết trực tiếp: Link và cách thứ hai là thực hiện thông qua javascript: window.location.href = sẽ có tác dụng tương tự như khi bạn nhấp vào liên kết) Cách đơn giản hơn để làm điều đó là bằng cách thêm nó vào liên kết là tốt khi bạn có các giá trị tĩnh. Nhưng trong trường hợp các biến tùy chọn duy nhất của bạn là JavaScript. Và sau đó tất cả những gì bạn phải làm trên trang thứ hai chỉ là đọc các giá trị từ các tham số URL. Thêm chi tiếtNếu bạn muốn truyền toàn bộ đối tượng thì làm như vậy thông qua các tham số URL có thể không thực tế. Cũng không quên rằng có giới hạn 2000 ký tự trên kích thước URL. Điều đó có nghĩa là lượng dữ liệu bạn có thể truyền qua URL rất hạn chế. Vì vậy, trong trường hợp đó, tốt nhất là sử dụng đối tượng LocalStorage đã có sẵn trong trình duyệt của bạn.localStorage object that is already available in your browser. Vậy LocalStorage là gì?localStorage? Đây chỉ đơn giản là một đối tượng mà bạn có thể truy cập từ bất kỳ trang nào trên trang web của mình. Điều tuyệt vời về nó là bất kỳ giá trị nào bạn lưu vào LocalStorage, những giá trị đó ngay lập tức có sẵn cho tất cả các trang của bạn.localStorage, those values are immediately available to all of your pages. Vì vậy, nó không quan trọng nếu bạn đi từ trang này sang trang khác bởi vì mọi thứ bạn lưu trữ trong địa phương tiếp tục theo dõi bạn xung quanh.localStorage keeps following you around. Dưới đây là ví dụ đơn giản cách bạn có thể sử dụng nó trên trang web của mình: Quan trọng: Có một điều khó khăn về địa phương: nó sẽ không lưu các đối tượng.: Những gì bạn cần làm là biến đối tượng của bạn thành chuỗi JSON và lưu nó như thế vào LocalStorage. Và sau đó khi bạn muốn sử dụng nó trên một số trang khác, bạn có thể chuyển đổi nó thành đối tượng thông thường.localStorage. And then when you want to use it on some other page you can transform it back to regular object. Đây là cách bạn biến đối tượng thành chuỗi: json.Stringify (myObject); Đây là cách bạn quay chuỗi trở lại đối tượng: json.parse (myObjectString); Và đây là một số ví dụ về mã thực tế: Và nếu bạn muốn xóa tất cả dữ liệu khỏi LocalStorage thì hãy làm điều này: LocalStorage.clear ();localStorage then do this: Và đây thực sự là tất cả những gì có giá trị chuyển từ trang HTML này sang trang khác bằng JavaScript. Ngoài ra, bạn có thể thích các bài viết về JavaScript IMG onclick các sự kiện, cũng như giá trị mặc định đầu vào HTML và TextArea. Cho đến lần sau, nhà văn nội dung nhà phát triển Willsenior ==> FYI - Nếu bạn muốn xây dựng một startup với tỷ lệ thành công cao - sau đó tìm hiểu cách nhận lưu lượng truy cập web miễn phí đến trang web của bạn. Bởi vì không có lưu lượng truy cập web, bạn không có một công ty khởi nghiệp - bạn có một giấc mơ. — if you want to build a startup with high success rate — then learn how to get FREE web traffic to your website. Because without web traffic you don’t have a startup — you have a dream. Có hai cách để vượt qua các biến giữa các trang web. Phương pháp đầu tiên là sử dụng sessionStorage hoặc localStorage. Phương pháp thứ hai là sử dụng chuỗi truy vấn & nbsp; với URL. sessionStorage hoặc localStorage: Ví dụ 1:JavaScript trong trang 1: JavaScript trong trang 2: In kết quả này trong bảng điều khiển: Shrek Ví dụ 2:Bạn có thể chuyển một mảng từ trang này sang trang khác bằng cách chuyển đổi mảng thành một chuỗi trước khi lưu sang một biến trong sessionStorage. Mảng JavaScript trong trang 1: Mảng JavaScript trong trang 2: Phương pháp 2Tất nhiên có một cách khác để làm điều đó ... Chuyển một chuỗi dưới dạng tham số. Example:Go to filename Khi nhấp vào FileName được nhấp, fileName.html được tải với chuỗi truy vấn "? Data1 | data2 | data3" được gắn vào tên tệp trong thanh địa chỉ. Để lấy chuỗi truy vấn thành các biến, sử dụng: var queryString & nbsp; = location.search.subString (1);?data1|data2|data3"
appended to the filename in the address bar. To get the query string into variables, Biến & nbsp; queryString & nbsp; hiện có giá trị & nbsp; "data1 | data2 | data3". Để chia chúng thành các biến riêng lẻ, hãy sử dụng Split: var a = queryString.split ("|"); // tạo ra một mảng // which creates an array Sau đó lấy các giá trị ra khỏi mảng và đặt chúng thành các biến: var value1 = a [0]; var value2 = a [1]; var value3 = a [2];a[0]; Bây giờ: value1 == "data1", value2 == "data2", value3 == "data3" Làm cách nào để chuyển biến JavaScript sang trang HTML khác?Có hai cách để vượt qua các biến giữa các trang web. Phương pháp đầu tiên là sử dụng sessionStorage hoặc localStorage. Phương pháp thứ hai là sử dụng chuỗi truy vấn với URL.use sessionStorage, or localStorage. The second method is to use a query string with the URL.
Làm thế nào để bạn chuyển một biến từ HTML này sang HTML khác trong HTML?Lưu trữ tham số tên trong url (? Name = ...) và trong tiếp theo. URL phân tích cú pháp HTML và nhận tất cả các tham số từ trang PREV. Lưu câu trả lời này ... Cookie phiên .. HTML5 LocalStorage .. Đăng biến trong URL và truy xuất chúng trong tiếp theo. HTML qua đối tượng cửa sổ .. Làm cách nào để chuyển một biến từ trang này sang trang khác?Nơi thông tin sẽ được lưu trữ vào các thư mục phiên ... Mã 1: Bắt đầu máy chủ Localhost của bạn như Apache, v.v. .... Đầu ra: Nó sẽ mở biểu mẫu của bạn như thế này, thông tin được hỏi sẽ được chuyển cho trang PHP được liên kết với biểu mẫu (hành động = hình thức2. .... Mã 2: Lặp lại quá trình lưu tệp như đã giải thích ở trên .. Làm cách nào để chuyển một biến từ tập lệnh này sang tập lệnh khác trong JavaScript?Trong JavaScript, các biến có thể được truy cập từ một tệp khác bằng cách sử dụng các thẻ hoặc câu lệnh nhập hoặc xuất.Thẻ tập lệnh chủ yếu được sử dụng khi chúng tôi muốn truy cập biến của tệp JavaScript trong tệp HTML.Điều này hoạt động tốt cho kịch bản phía máy khách cũng như cho kịch bản phía máy chủ.using the
Bài Viết Liên Quan
Bản quyền © 2021 Xây Nhà Inc.
|
