Làm cách nào để lưu trữ biến JavaScript trong HTML?

In JavaScript, variables can be accessed from another file 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. 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, mô-đun 1. js” được tạo và một đối tượng Student với các thuộc tính “name”, “age”, “dept” và “score” được xác định. mô-đun1. js Tệp JavaScript được nhập bằng thuộc tính src của thẻ script trong phần “head” của tệp HTML. Vì tệp JavaScript được nhập nên nội dung có thể truy cập được trong tệp HTML

We create a button which when clicked triggers the JavaScript function. The Student object properties are accessed through the 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.

Triển khai mã

biến_access. html

HTML

localhost:8080

12

localhost:8080

13

localhost:8080

14

localhost:8080

15

localhost:8080

16

localhost:8080

13

localhost:8080

18

localhost:8080

15

localhost:8080

0______113

localhost:8080

2

localhost:8080

3

localhost:8080

4

localhost:8080

5

localhost:8080

6

localhost:8080

7

localhost:8080

4

localhost:8080

9

localhost:8080

15

localhost:8080

0______1122

localhost:8080

2

localhost:8080

15

localhost:8080

122

localhost:8080

18

localhost:8080

15

localhost:8080

16

localhost:8080

13

localhost:8080

130

localhost:8080

15

localhost:8080

0______113

localhost:8080

134

localhost:8080

135

localhost:8080

4

localhost:8080

137

localhost:8080

15

_______06

localhost:8080

140

localhost:8080

0____1122

localhost:8080

134

localhost:8080

15

localhost:8080

16

localhost:8080

0______113

localhost:8080

148

localhost:8080

15

localhost:8080

6

localhost:8080

13

localhost:8080

152

localhost:8080

153

localhost:8080

4

localhost:8080

155

localhost:8080

156

localhost:8080

157

localhost:8080

158

localhost:8080

6

localhost:8080

122

localhost:8080

152

localhost:8080

15

localhost:8080

0____1122

localhost:8080

148

localhost:8080

15

localhost:8080

16

localhost:8080

0______113

localhost:8080

2

localhost:8080

3

localhost:8080

4

localhost:8080

5

localhost:8080

15

_______06____1136

localhost:8080

157

localhost:8080

138

localhost:8080

157

localhost:8080

180

localhost:8080

157

localhost:8080

182

localhost:8080

157

localhost:8080

184

localhost:8080

16

localhost:8080

157

localhost:8080

187

localhost:8080

188

localhost:8080

189

localhost:8080

188

localhost:8080

151

localhost:8080

16

localhost:8080

157

localhost:8080

154

localhost:8080

188

localhost:8080

156

_______06____1158

localhost:8080

0______1122

localhost:8080

2

localhost:8080

15

localhost:8080

122

localhost:8080

130

localhost:8080

15

localhost:8080

16

localhost:8080

122

localhost:8080

14

localhost:8080

15

mô-đun 1. js Tệp này được sử dụng trong mã HTML ở trên

Javascript

localhost:8080

10

localhost:8080

11

localhost:8080

12

____00____014____015

localhost:8080

16

localhost:8080

0

localhost:8080

18

_______00____020____021

localhost:8080

16

localhost:8080

0

localhost:8080

24

localhost:8080

25

đầu ra

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à định nghĩa một đối tượng Student có các thuộc tính “name”, “age”, “dept” và “score”. Đối tượng Sinh viên được xuất bằng mô-đun. xuất khẩu. Trong một tệp mô-đun JavaScript khác “module2. js“, chúng tôi nhập “module1. js” bằng cách sử dụng câu lệnh nhập ở đầu tệp. Các đối tượng Ký túc xá và Phân bổ ký túc xá được định nghĩa trong “mô-đun 2. js” và đối tượng Sinh viên được truy cập trong đối tượng Hostel_Allocation

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 Hostel_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ủ

Triển khai mã

mô-đun 1. js

Javascript

localhost:8080

10

localhost:8080

27

____00____014____015

localhost:8080

16

localhost:8080

0

localhost:8080

18

_______00____020____021

localhost:8080

16

localhost:8080

0

localhost:8080

24

localhost:8080

25

localhost:8080

41

mô-đun2. js

Javascript

localhost:8080

10

localhost:8080

43

localhost:8080

44

localhost:8080

45

localhost:8080

46____047

localhost:8080

45

localhost:8080

16

localhost:8080

10

localhost:8080

51

localhost:8080

0

localhost:8080

53

localhost:8080

0

localhost:8080

55

localhost:8080

0

localhost:8080

57

localhost:8080

158

localhost:8080

16

localhost:8080

10

localhost:8080

61

_______00____063

localhost:8080

0

localhost:8080

65

localhost:8080

0

localhost:8080

67

localhost:8080

0

localhost:8080

69

localhost:8080

0

localhost:8080

71

localhost:8080

158

localhost:8080

16

localhost:8080

10

localhost:8080

75____076

localhost:8080

77

_______078____079____080

localhost:8080

78

localhost:8080

82

_______078____079____085

localhost:8080

78

localhost:8080

87

localhost:8080

16

localhost:8080

89

localhost:8080

90

localhost:8080

91

localhost:8080

0

localhost:8080

93

localhost:8080

0

localhost:8080

95

localhost:8080

96

đầu ra

Khởi động máy chủ

localhost:8080

10

Chạy ứng dụng trong trình duyệt

localhost:8080

JavaScript được biết đến nhiều nhất để phát triển trang web nhưng nó cũng được sử dụng trong nhiều môi trường không có trình duyệt. Bạn có thể học JavaScript từ đầu bằng cách làm theo Hướng dẫn JavaScript và Ví dụ về JavaScript này

Bạn có thể truy cập các biến JavaScript trong HTML không?

Bạn có thể đặt biến trong HTML không?

Làm cách nào để sử dụng var trong HTML?