Bạn sẽ chèn mã javascript vào tệp html ở đâu?

Tôi có nhiệm vụ Đưa javascript vào trang Html và thực thi mã tập lệnh java trả về đầu ra. Trang HTML có tham chiếu đến tệp Crypto JS bên ngoài trong phần đầu của nó

Mặc dù tôi có các tham chiếu đến tập lệnh Crypto JS được thêm vào phần đầu, nhưng khi tôi đưa javascript vào, phần cụ thể của tập lệnh java sử dụng các đối tượng từ tệp Crypto JS sẽ gây ra lỗi tham chiếu. Tuy nhiên, khi tôi trực tiếp đặt mọi thứ vào tệp HTMl và mở tệp HTML trong trình duyệt, mã javascript sẽ được thực thi đúng cách

Tôi cũng có thể đưa javascript vào tệp HTML và truy xuất giá trị được trả về bằng cách nhận xét hai dòng mã tham chiếu đến Crypto JS bằng cách sử dụng hoạt động Inject JS

Bạn có thể vui lòng giúp tôi giải quyết vấn đề này không. Tôi đã đính kèm một thư mục Zip chứa tệp xaml cũng như các tệp HTMl và javascript. xin vui lòng tìm tập tin đính kèm.
Các tệp trong thư mục đã nén như sau

Base_HTML- Trang HTML mà javascript sẽ được đưa vào.
Full_HTML_WithcryptoJsworking- Trang HTML với mã Javascript đã được nhúng trong đó. Điều này hoạt động tốt. Đây là để bạn tham khảo.
With_CryptoJS_code- Đây là tệp javascript có mã javascript đầy đủ. Đây là tệp tôi cần tiêm và nhận giá trị trả về.
Không có mã giải mã CryptoJS- Đây cũng là một javascript với hai dòng mã được nhận xét. cái này có thể được tiêm và đang hoạt động tốt.
@aksh1yadav @vvaidya @badita

Chào @niteesh2004

Bạn sẽ chèn mã javascript vào tệp html ở đâu?
niteesh2004

Tệp Crypto JS đang đưa ra lỗi tham chiếu. Tuy nhiên, khi tôi trực tiếp đặt mọi thứ vào tệp HTMl và mở tệp HTML trong trình duyệt, mã javascript sẽ được thực thi đúng cách

Có thể có một số lý do có thể là tập lệnh không tải trước khi mã Js của bạn được chèn vào bên trong, Vì vậy, bạn đang gặp lỗi tham chiếu Crypto

Nhưng chúng tôi cần một môi trường làm việc để chạy các tập lệnh của mình và vì cuốn sách này trực tuyến nên trình duyệt là một lựa chọn tốt. Chúng tôi sẽ giữ số lượng lệnh dành riêng cho trình duyệt (như

4) ở mức tối thiểu để bạn không dành thời gian cho chúng nếu bạn định tập trung vào một môi trường khác (như Node. js). Chúng tôi sẽ tập trung vào JavaScript trong trình duyệt trong phần tiếp theo của hướng dẫn

Vì vậy, trước tiên, hãy xem cách chúng tôi đính kèm tập lệnh vào trang web. Đối với môi trường phía máy chủ (như Node. js), bạn có thể thực thi tập lệnh bằng lệnh như

5

Thẻ "kịch bản"

Các chương trình JavaScript có thể được chèn vào hầu hết mọi nơi trong tài liệu HTML bằng cách sử dụng thẻ

6

Ví dụ






  

Before the script...

...After the script.

Bạn có thể chạy ví dụ bằng cách nhấp vào nút “Phát” ở góc trên cùng bên phải của hộp ở trên

Thẻ

6 chứa mã JavaScript được thực thi tự động khi trình duyệt xử lý thẻ

đánh dấu hiện đại

Thẻ

6 có một vài thuộc tính ngày nay hiếm khi được sử dụng nhưng vẫn có thể tìm thấy trong mã cũ

Thuộc tính
2.
3

Chuẩn HTML cũ, HTML4, yêu cầu tập lệnh phải có ____12. Thông thường nó là

5. Nó không còn cần thiết nữa. Ngoài ra, tiêu chuẩn HTML hiện đại đã thay đổi hoàn toàn ý nghĩa của thuộc tính này. Giờ đây, nó có thể được sử dụng cho các mô-đun JavaScript. Nhưng đó là một chủ đề nâng cao, chúng ta sẽ nói về các mô-đun trong phần khác của hướng dẫn

Thuộc tính
6.
7

Thuộc tính này nhằm hiển thị ngôn ngữ của tập lệnh. Thuộc tính này không còn có ý nghĩa vì JavaScript là ngôn ngữ mặc định. Không có nhu cầu sử dụng nó

Nhận xét trước và sau tập lệnh

Trong những cuốn sách và hướng dẫn thực sự cổ xưa, bạn có thể tìm thấy những bình luận bên trong các thẻ

6, như thế này

Thủ thuật này không được sử dụng trong JavaScript hiện đại. Những nhận xét này ẩn mã JavaScript khỏi các trình duyệt cũ không biết cách xử lý thẻ

6. Vì các trình duyệt được phát hành trong 15 năm qua không gặp sự cố này nên loại nhận xét này có thể giúp bạn xác định mã thực sự cũ

tập lệnh bên ngoài

Nếu chúng tôi có nhiều mã JavaScript, chúng tôi có thể đặt nó vào một tệp riêng

Các tệp tập lệnh được đính kèm vào HTML với thuộc tính

0

________số 8

Ở đây,

1 là đường dẫn tuyệt đối đến tập lệnh từ thư mục gốc của trang. Người ta cũng có thể cung cấp một đường dẫn tương đối từ trang hiện tại. Chẳng hạn,
2, giống như
3, có nghĩa là tệp
4 trong thư mục hiện tại

Chúng tôi cũng có thể cung cấp một URL đầy đủ. Ví dụ

4

Để đính kèm một số tập lệnh, hãy sử dụng nhiều thẻ

5

Xin lưu ý

Theo quy định, chỉ những tập lệnh đơn giản nhất mới được đưa vào HTML. Những cái phức tạp hơn nằm trong các tệp riêng biệt

Lợi ích của một tệp riêng biệt là trình duyệt sẽ tải xuống và lưu trữ trong bộ đệm của nó

Các trang khác tham chiếu đến cùng một tập lệnh sẽ lấy tập lệnh đó từ bộ đệm thay vì tải xuống, vì vậy tệp thực sự chỉ được tải xuống một lần

Điều đó làm giảm lưu lượng truy cập và làm cho các trang nhanh hơn

Nếu

0 được đặt, nội dung tập lệnh sẽ bị bỏ qua

Một thẻ

6 không thể có cả thuộc tính và mã
0 bên trong

Điều này sẽ không hoạt động

8

Chúng tôi phải chọn một

8 bên ngoài hoặc một
6 thông thường có mã

Ví dụ trên có thể tách thành 2 script để làm việc

0

Bản tóm tắt

  • Chúng tôi có thể sử dụng thẻ
    6 để thêm mã JavaScript vào trang
  • Các thuộc tính
    2 và
    6 không bắt buộc
  • Tập lệnh trong tệp bên ngoài có thể được chèn bằng
    43

Còn nhiều điều nữa để tìm hiểu về tập lệnh trình duyệt và tương tác của chúng với trang web. Nhưng hãy nhớ rằng phần này của hướng dẫn dành cho ngôn ngữ JavaScript, vì vậy chúng ta không nên phân tâm với việc triển khai ngôn ngữ này trên trình duyệt cụ thể. Chúng tôi sẽ sử dụng trình duyệt như một cách để chạy JavaScript, rất thuận tiện cho việc đọc trực tuyến, nhưng chỉ là một trong nhiều

Bạn có thể đưa JavaScript vào HTML không?

Bạn có thể chèn JavaScript trực tiếp vào tệp HTML . Đây là một ví dụ về cách bạn sẽ làm điều đó bằng cách sử dụng thẻ script. chức năng in văn bản “Xin chào thế giới” ra bàn điều khiển.

Bạn nên đặt thẻ tập lệnh tệp JS ở đâu trong tệp HTML?

Thẻ script phải luôn được sử dụng trước khi đóng phần thân hoặc ở dưới cùng trong tệp HTML. Trang sẽ tải bằng HTML và CSS và sau đó JavaScript sẽ tải

Tôi nên đặt JavaScript vào phần đầu hay phần thân?

Cách tốt nhất là đặt thẻ JavaScript . Lý do cho điều này là HTML tải từ trên xuống dưới. Đầu tải trước, sau đó đến cơ thể và sau đó là mọi thứ bên trong cơ thể.