Hướng dẫn how do you pass variables between javascript files? - làm thế nào để bạn chuyển các biến giữa các tệp javascript?

Tôi có 2 tệp .js trong tài liệu HTML như thế này:

    
    

Tài liệu đó cũng có iframe. Tôi có 2 .js trong iframe cũng như:

    
    

Vì vậy, 2.JS là trong cả hai tài liệu. Kế hoạch của tôi là làm điều đó để kết nối chúng. Tôi không thể đặt 3.JS trong cả hai tài liệu vì nó sẽ gây rối.

1.JS có một biến. Tôi muốn sử dụng biến đó trong 3.js. Nhưng tôi không thể tìm ra cách truyền một biến từ 1.js đến 3.js. Điều này thậm chí có thể?

*Biến được khai báo trong 1.js.

Chào mừng bạn đến với một hướng dẫn về cách vượt qua các biến giữa các trang trong JavaScript. Cần truyền một số dữ liệu giữa các trang khác nhau?

Một cách dễ dàng để vượt qua các biến giữa các trang là sử dụng chuỗi truy vấn:

  • Trên trang đầu tiên:
    •     
          
      
      4
    •     
          
      
      5
    •     
          
      
      6
  • Trên trang thứ hai:
    •     
          
      
      7
    •     
          
      
      8

Nhưng có nhiều phương pháp mà chúng ta có thể sử dụng. Hãy để chúng tôi đi qua một số ví dụ trong hướng dẫn này, và cách tốt hơn để đối phó với mọi thứ - đọc tiếp!

Tôi đã bao gồm một tệp zip với tất cả các mã nguồn ví dụ khi bắt đầu hướng dẫn này, vì vậy bạn không phải sao chép mọi thứ, hoặc nếu bạn chỉ muốn đi thẳng vào.

Slide nhanh

Hướng dẫn how do you pass variables between javascript files? - làm thế nào để bạn chuyển các biến giữa các tệp javascript?

MỤC LỤC

Tải xuống & ghi chú

Hướng dẫn how do you pass variables between javascript files? - làm thế nào để bạn chuyển các biến giữa các tệp javascript?

Thứ nhất, đây là liên kết tải xuống đến mã ví dụ như đã hứa.

Ghi chú nhanh

  • Hãy lưu ý rằng một số ví dụ này sẽ không hoạt động với
        
        
    
    9. Thay vào đó, sử dụng một máy chủ web thích hợp với
    
    
    
    0.

Nếu bạn phát hiện ra một lỗi, hãy bình luận bên dưới. Tôi cũng cố gắng trả lời các câu hỏi ngắn, nhưng đó là một người so với toàn bộ thế giới, nếu bạn cần câu trả lời khẩn cấp, vui lòng kiểm tra danh sách các trang web của tôi để nhận trợ giúp lập trình.

Mã hóa ví dụ Tải xuống

Nhấn vào đây để tải xuống mã nguồn, tôi đã phát hành nó theo giấy phép MIT, vì vậy hãy thoải mái xây dựng trên đó hoặc sử dụng nó trong dự án của riêng bạn.

Được rồi, bây giờ chúng ta hãy đi vào các cách để vượt qua các biến giữa các trang trong JavaScript.

Phương pháp 1) Lưu trữ phiên

1a-session.html



1b-session.html



Đúng, không cần bất kỳ mánh lới quảng cáo. Có một khu vực lưu trữ hộp cát Sandbox tạm thời trong JavaScript có tên là Storage Storage. Rất dễ sử dụng, chỉ có 4 chức năng để biết:

  • 
    
    
    1
  • 
    
    
    2
  • 
    
    
    3
  • 
    
    
    4

Nhưng xin lưu ý rằng bộ lưu trữ phiên sẽ tự động bị xóa khi người dùng đóng tab/cửa sổ.

P.S. Dữ liệu cũng sẽ không được truyền khi người dùng mở thủ công tab/cửa sổ khác.

Phương pháp 2) Lưu trữ cục bộ

2a-local-storage.html



2b-local-storage.html



Trông quen thuộc? Bởi vì lưu trữ cục bộ là anh em họ lưu trữ phiên. Đúng, cùng một khu vực lưu trữ tạm thời cũ, nhưng lưu trữ cục bộ vẫn tồn tại - bất cứ thứ gì được đặt trong kho lưu trữ cục bộ sẽ ở lại cho đến khi bị xóa thủ công; Đúng, chúng tôi vẫn có thể lấy dữ liệu từ bộ lưu trữ cục bộ ngay cả sau khi cửa sổ được đóng và mở lại sau đó.

Phương pháp 3) Tham số URL

3a-query.html



3b-query.html



Bạn có thể đã nghe nói về các biến



5, nối thêm chuỗi truy vấn


6 phía sau URL. Đúng, JavaScript hoàn toàn có khả năng nhận chuỗi truy vấn và chúng ta có thể sử dụng nó để truyền dữ liệu.

4a-cookie.html



4b-cookie.html



Bạn cũng có thể đã nghe nói về cookie, một mã thông báo nhỏ để giữ một số dữ liệu, dù sao đi nữa, chỉ cần không gây rối với cookie trừ khi thực sự cần thiết. Giữ cái này như một khu nghỉ mát tuyệt vọng cuối cùng.

Phương pháp 5) Cửa sổ mới

5a-window.html

    
    
0

5b-window.html

    
    
1

Khi chúng tôi tạo một



7 mới, chúng tôi có thể trực tiếp chèn các biến vào cửa sổ mới. Đơn giản vậy thôi.

Cập nhật các quy trình!

Thời đại đồ đá của Internet là quá khứ dài. Thay vì tải lại và chuyển hướng các trang, chúng ta thực sự nên xem xét việc tạo ra một trải nghiệm liền mạch trên mạng với các công nghệ hiện đại. Ví dụ: nếu chúng ta muốn tạo biểu mẫu kiểu phù thủy trong đó người dùng chọn một tùy chọn trong bước 1, thì hãy chuyển nó sang bước 2-chúng ta có thể sử dụng AJAX để lái toàn bộ ứng dụng.

6a-ajax.html

    
    
2

6b-ajax.html

    
    
3

Liên kết & Tài liệu tham khảo

  • Window.SessionStorage - MDN
  • Window.LocalStorage - MDN
  • Thông số tìm kiếm URL - MDN
  • Document.Cookie - Mdn
  • Chuyển các biến JavaScript sang trang khác - Lage.us
  • Hướng dẫn Ajax của người mới bắt đầu - mã Boxx

Video hướng dẫn

Bảng gian lận infographic

Hướng dẫn how do you pass variables between javascript files? - làm thế nào để bạn chuyển các biến giữa các tệp javascript?
Cách truyền các biến giữa các trang trong JavaScript (bấm để phóng to)

KẾT THÚC

Cảm ơn bạn đã đọc, và chúng tôi đã đi đến cuối hướng dẫn này. Tôi hy vọng rằng nó đã giúp bạn với dự án của bạn và nếu bạn muốn chia sẻ bất cứ điều gì với hướng dẫn này, xin vui lòng bình luận bên dưới. Chúc may mắn và mã hóa hạnh phúc!

Làm thế nào một biến được truy cập từ một tệp khác?

Số biến được khai báo trên toàn cầu và có thể được truy cập từ các tệp khác khi bao gồm cả khai báo của nó với tiền tố bên ngoài của bên ngoài. Tuy nhiên, hệ số biến chỉ có thể truy cập được từ tệp mà nó được khai báo và chỉ từ thời điểm đó (nó không thể nhìn thấy trong hàm chính.when including its declaration with the “ extern ” prefix. However, the variable coefficient is only accessible from the file in which it is declared and only from that point on (it is not visible in function main .

Làm cách nào để truyền dữ liệu từ trang này sang trang khác trong JavaScript?

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.adding it to the link which is fine when you have static values. But in case of variables your only option is JavaScript. And then all you have to do on the second page is just read the values from the URL params.

Bạn có thể bao gồm một tệp JavaScript trong một tệp khác không?

Chúng tôi có thể bao gồm một tệp JavaScript trong một tệp JavaScript khác bằng hệ thống mô -đun ES6 gốc.Điều này cho phép chúng tôi chia sẻ mã giữa các tệp JavaScript khác nhau và đạt được mô -đun trong mã.Có nhiều cách khác để bao gồm một tệp JS như Node JS yêu cầu, hàm getcript của JQuery và tải nạp.. This allows us to share code between different JavaScript files and achieve modularity in the code. There are other ways to include a JS file like Node JS require, jQuery's getScript function, and Fetch Loading.

Làm thế nào để bạn vượt qua một đối số trong JavaScript?

Các đối số được truyền theo giá trị Các tham số, trong một cuộc gọi hàm, là các đối số của hàm.Các đối số JavaScript được truyền theo giá trị: Hàm chỉ được biết các giá trị, chứ không phải vị trí của đối số.Nếu một hàm thay đổi giá trị của đối số, nó sẽ không thay đổi giá trị ban đầu của tham số. The parameters, in a function call, are the function's arguments. JavaScript arguments are passed by value: The function only gets to know the values, not the argument's locations. If a function changes an argument's value, it does not change the parameter's original value.