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.

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:



var price; //declare outside the function = global variable ?

function save_price[]{

    alert["started_1"]; //just for information

    price = document.getElementById['the_id_of_the_textbox'].value; 

    alert[price]; //just for information         
}


function read_price[]{

    alert["started_2"];

    alert[price];

}

Trên "Trang 1", tôi có bản tin này với:


Nó bắt đầu chức năng JavaScript và chuyển hướng tôi chính xác đến trang2 của tôi.

Nhưng với trang này, trang thứ hai:

window.onload=read_price[]; 

Tôi luôn nhận được một giá trị "không xác định" của giá biến toàn cầu.

Tôi đã đọc rất nhiều về các biến toàn cầu đó. Ví dụ. Ở trang này: Vấn đề với biến toàn cầu .. nhưng tôi không thể làm cho nó hoạt động ...

Tại sao cái này không hoạt động?

Hướng dẫn đơn giản về các giá trị truyền giữa các trang HTML sử dụng sức mạnh của JavaScript.

TL; Tóm tắt DR

Nếu bạn có các giá trị văn bản hoặc số đơn giản mà bạn muốn chuyển sang trang HTML khác thì nó đơn giản nhất để sử dụng các tham số URL để làm như vậy. [Xem phần tiếp theo để biết thêm chi tiết về cách truyền đối tượng, v.v.]
[see the next section for more details on how to pass objects etc.]

Bạn có thể đặt các giá trị tham số URL theo hai cách.

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]
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,
use: var queryString = location.search.substring[1];

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];
var value2 = a[1];
var value3 = a[2];

Bây giờ: value1 == "data1", value2 == "data2", value3 == "data3"
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 tags or the import or export statement. The script tag is mainly used when we want to access variable of a JavaScript file in an HTML file. This works well for client-side scripting as well as for server-side scripting.

Bài Viết Liên Quan

Chủ Đề