Hướng dẫn how to pass variable from one script to another in javascript - cách chuyển biến từ tập lệnh này sang tập lệnh khác trong javascript
Đây là một kịch bản tôi không thể làm việc chính xác. Mục đích của đó là kiểm tra xem hộp kiểm có được kiểm tra hay không và sau đó gọi thói quen thứ hai trả lời, phụ thuộc vào những gì người chọn ra (sindex) được hiển thị khi tôi gọi là tập lệnh ban đầu Show
Đây là kịch bản thứ hai được gọi là
Đây là những gì tôi đang gọi là thói quen đầu tiên với Để nhập một biến từ một tệp khác trong JavaScript: Xuất biến từ tệp A, ví dụ: Xuất Const Str = 'Hello World'. Truy cập biến trong tệp B dưới dạng nhập {str} từ './another-file.js'. 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: ShrekVí 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 2 Tất nhiên có một cách khác để làm điều đó ... Example:Go to filename Chuyển một chuỗi dưới dạng tham số.?data1|data2|data3"
appended to the filename in the address bar. To get the query string into variables, 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); 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: // which creates an array var a = queryString.split ("|"); // tạo ra một mảng Sau đó lấy các giá trị ra khỏi mảng và đặt chúng thành các biến:a[0]; var value1 = a [0]; var value2 = a [1]; var value3 = a [2]; 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ủ. Tuy nhiên, câu lệnh nhập hoặc xuất không thể được sử dụng cho kịch bản phía máy khách. Câu lệnh nhập hoặc xuất hoạt động trong Node.js trong kịch bản phía máy chủ.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. The import or export statement however cannot be used for client-side scripting. The import or export statement works in Node.js during server-side scripting. Cách tiếp cận đầu tiên: Lúc đầu, tệp Module1.js, được tạo và một đối tượng của sinh viên với các thuộc tính, tên, tên tuổi, tuổi, các bộ phận và điểm số được xác định. Tệp JavaScript Module1.js được nhập bằng cách sử dụng thuộc tính SRC của thẻ tập lệnh trong phần đầu của đầu của tệp HTML. Vì tệp JavaScript được nhập, các nội dung có thể truy cập trong tệp HTML. At first the “module1.js” file is created and a Student object with properties “name”, “age”, “dept” and “score” is defined. The module1.js JavaScript file is imported using the src attribute of script tag within the “head” section of the HTML file. Since the JavaScript file is imported, the contents are accessible within the HTML file. Chúng tôi tạo một nút mà khi nhấp vào kích hoạt chức năng JavaScript. Các thuộc tính đối tượng của sinh viên được truy cập thông qua hàm f () và tất cả các thuộc tính đối tượng của sinh viên được nối với một biến chuỗi. Chuỗi này được đặt trong thẻ có id id văn bản bằng cách sử dụng tài liệu.getEuityById () và thuộc tính bên trong của HTML DOM. Đây là một ví dụ về chương trình phía khách hàng.f() function and all the Student object properties are concatenated to a string variable. This string is placed within the tag having ‘text’ id using the document.getElementById() and innerHTML property of HTML DOM. This is an example of a client side program. Thực hiện mã: variable_access.html
HTML 1 2 3 4 2 6 4 8 2 0 ____ ____ 21 ________ 22 ________ 23 & nbsp; 4 5 2 7 4 8 0 0 4 0 6 4 2 7 4 8 2 1 2 222 4 7 8 0 1 4 8 2 4 4 4 2 8 9__22222 2 3 4 4 0 8 4 8 0 4 4 8 2 0 1 2223 4 4Go to filename1 3Go to filename3 3Go to filename5 3Go to filename7 3Go to filename9 3node module2.js1 node module2.js2 node module2.js3 node module2.js2 node module2.js5 3node module2.js7 node module2.js2 node module2.js9 4 01 8 0 0 4 0 7 4 0 3 4Module1.js Tệp này được sử dụng trong mã HTML ở trên. This file is used in the above HTML code. JavaScript 12 13 14 8 16 17 18 8 20 8 22 23 18 8 26 27Output: Cách tiếp cận thứ hai: Theo cách tiếp cận này, chúng tôi tạo một tệp JavaScript Module1.js, và xác định một đối tượng sinh viên có thuộc tính, tên, Age Age Đối tượng sinh viên được xuất bằng Module.Exports. Trong một tệp mô -đun JavaScript khác, mô -đun Module2.js, chúng tôi nhập bản mô -đun1.js bằng cách sử dụng câu lệnh nhập ở đầu tệp. Các đối tượng Hostel và Hostel_allocation được xác định trong tệp Module Module2.js và đối tượng sinh viên được truy cập trong đối tượng Hostel_allocation. In this approach, we create a JavaScript file “module1.js” and define a Student object having properties “name”, “age”, “dept” and “score”. The Student object is exported using module.exports. In another JavaScript module file “module2.js“, we import “module1.js” using the import statement at the beginning of the file. The objects Hostel and Hostel_Allocation are defined in “module2.js” file and the Student object is accessed in the Hostel_Allocation object. Một máy chủ HTTP được tạo và lưu trữ tại cổng số. 8080. Các thuộc tính của ký túc xá_allocation được nối trong một chuỗi. Chuỗi này được in trên trang đích của ứng dụng web bất cứ khi nào nó được chạy. Đây là một ví dụ về kịch bản phía máy chủ. Thực hiện mã: module1.js JavaScript 12 29 8 16 17 18 8 20 8 22 23 18 8 26 27 43module2.js JavaScript 12 29 48 49 47 12 45 46 47 8 54 8 56 8 58 01 12 52 12 61 8 65 8 67 8 69 8 71 01 8 63 77 78 79 77 81 77 78 84 77 86 12 74 75 76 8 91 8 93 94Output:
node module2.js Bắt đầu máy chủ 0Chạy ứng dụng trong trình duyệt Làm cách nào để chuyển một biến từ một tệp JavaScript sang một tệp khác?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 QuanQuảng CáoCó thể bạn quan tâmToplist được quan tâm#1
Top 9 tập bản đồ lớp 8 bài 31 20236 tháng trước#2
Top 6 kết quả thi hsg đà nẵng 2022 20236 tháng trước#3
Top 9 tủ nhựa đài loan 4 cánh 3d 20236 tháng trước#4
#5
Top 8 tìm việc làm tiện, phay bảo q7 20236 tháng trước#6
#7
#8
Top 2 bài the dục phát triển chung lớp 6 2022 20236 tháng trước#9
Top 3 bài giảng vũ điệu sắc màu (lớp 4) 20236 tháng trướcQuảng cáoXem NhiềuQuảng cáoChúng tôiTrợ giúpBản quyền © 2021 Xây Nhà Inc.
|