Sự kiện khi tải JavaScript: khám phá cách tốt nhất để sử dụng sự kiện khi tải JavaScript trong mã của bạn. Tìm hiểu cách chạy JavaScript khi tải trang một cách dễ dàng.

Bạn đang xem : khi tải trang js

JavaScript khi tải: Mẹo chính

  • Sự kiện khi tải JavaScript diễn ra khi một đối tượng được tải.
  • onload được sử dụng thường xuyên nhất trong phần tử & lt; body & gt; để thực hiện một tập lệnh khi trang web đã tải đầy đủ (bao gồm các tệp script, hình ảnh, tệp CSS, v.v. .).
  • Sự kiện onload sẽ được sử dụng để xác minh loại trình duyệt phiên bản của trình duyệt của khách truy cập và sau đó tải một phiên bản trang web riêng lẻ dựa trên thông tin.
  • Sự kiện khi tải có thể xử lý cookie .

onload Sự kiện Giải thích

Sự kiện onload JavaScript có thể được áp dụng khi cần khởi chạy một chức năng cụ thể sau khi trang được hiển thị đầy đủ.

Các nhà phát triển thường sử dụng sự kiện này để giới thiệu thông điệp chào mừng và các tính năng thân thiện với người dùng khác. Không có gì ngạc nhiên khi sự kiện JavaScript đang tải có thể được liên kết ngay với phần tử & lt; body & gt; .

Một cách sử dụng thường xuyên khác của JavaScript onload là áp dụng nó để tự động kiểm tra trình duyệt web của khách truy cập và điều chỉnh cách các trang web sẽ được tải. Hơn nữa, bạn có thể sử dụng nó để kiểm tra xem một trang sử dụng cookie nào.

Hàm window.onload được các trình duyệt phổ biến hỗ trợ rộng rãi. Nó bắt đầu ngay sau khi tài nguyên được tải.

Như chúng tôi đã đề cập đến các thông điệp chào mừng, chúng tôi nên giải thích cách chúng có thể được kết hợp vào các trang web. Ví dụ này cho thấy cách sự kiện tải JavaScript có thể hiển thị hộp cảnh báo với một thông báo cụ thể và một nút:

Udacity Ưu điểm

  • Thiết kế đơn giản (không có thông tin không cần thiết)
  • Các khóa học chất lượng cao (đồng đều những cái miễn phí)
  • Nhiều tính năng khác nhau

Các tính năng chính

  • Các chương trình nanodegree
  • Thích hợp cho doanh nghiệp
  • Chứng chỉ hoàn thành trả phí

ĐỘC QUYỀN: GIẢM GIÁ 75% Ưu điểm

  • Dễ dàng điều hướng
  • Không có vấn đề kỹ thuật
  • Có vẻ quan tâm đến người dùng của mình

Các tính năng chính

  • Rất nhiều khóa học
  • Chính sách hoàn tiền trong 30 ngày
  • Chứng chỉ hoàn thành miễn phí

NHƯ THẤP NHƯ 12,99 đô la Datacamp Ưu điểm

  • Trải nghiệm người dùng tuyệt vời
  • Cung cấp nội dung chất lượng
  • Giá cả rất minh bạch

Các tính năng chính

  • Chứng chỉ hoàn thành miễn phí
  • Tập trung vào các kỹ năng về khoa học dữ liệu
  • Thời gian biểu học tập linh hoạt

GIẢM GIÁ 75%

Tìm hiểu Cú pháp Sự kiện

Sự kiện JavaScript onload không khó để tìm hiểu. Tuy nhiên, bạn nên chú ý cách viết sự kiện này bằng các ngôn ngữ khác nhau:

Trong HTML:

Trong JavaScript:

Trong JavaScript, với phương thức addEventListener () :

Phương thức addEventListener () chỉ được hỗ trợ bởi Internet Explorer 9 và các phiên bản mới hơn.

Ví dụ về mã: Phương pháp hay nhất

Chúng tôi hiểu rằng sinh viên khao khát thực hành chứ không chỉ lý thuyết. Chúng có một điểm – nếu bạn muốn thành thạo bất kỳ hàm, thuộc tính hoặc sự kiện JavaScript nào, bạn cần phải thực hành. Do đó, chúng tôi khuyên bạn nên thử và học hỏi từ tất cả các ví dụ mã mà chúng tôi cung cấp.

Trong ví dụ này, phần tử & lt; img & gt; được ký khi tải. Cảnh báo Hình ảnh được tải thành công được hiển thị sau khi hình ảnh được tải:

Ví dụ

  

& lt;

img

src

=

"https://cdn.bitdegree.org/learn/pom-laptop.png?raw=true"

onload

=

" ImageLoad () "

width

=

" 120 "

height

=

" 120 "

& gt;

< / code>

Hãy dùng thử Trực tiếp Tìm hiểu trên Udacity

Bây giờ, trong ví dụ này, chúng tôi xử lý cookie bằng cách sử dụng sự kiện onload:


Xem thêm những thông tin liên quan đến chủ đề khi tải trang js

Getting started with Mustache.js

alt

  • Tác giả: TeamLearnable
  • Ngày đăng: 2019-02-05
  • Đánh giá: 4 ⭐ ( 5178 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Rendering JSON-based markup in a web page has become a common challenge for front-end web developers. In this screencast, you’ll learn how include mustache.js in your web page, create a HTML template that consumes data, and render the new markup in a web page.

    This video is suitable to front-end web developers with a beginner-to-intermediate understanding of HTML and JavaScript. Watch as Kevin Chisholm separates presentation code from data dynamically from a web page.

    Files are available from: https://github.com/learnable-content/sc-GSwMustache

Cách tối ưu hóa file HTML, CSS, Javascript (với defer va async) chuẩn nhất 2020

  • Tác giả: bizflycloud.vn
  • Đánh giá: 4 ⭐ ( 2391 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết sẽ cung cấp cho bạn đọc những mẹo hữu ích nhất để tối ưu hóa các file HTML, CSS và JS (javascript), giúp tăng tốc độ tải trang web.

Chiến lược tải, thực thi code JavaScript

  • Tác giả: viblo.asia
  • Đánh giá: 4 ⭐ ( 3118 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ba thành phần chính cấu tạo nên một trang web là HTML, CSS và JavaScript.

Javascript: Tăng tốc độ tải trang như thế nào?

  • Tác giả: thaunguyen.com
  • Đánh giá: 4 ⭐ ( 8990 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: tăng tốc độ tải trang

Tải động JavaScript trong JavaScript

  • Tác giả: completejavascript.com
  • Đánh giá: 4 ⭐ ( 7458 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: ES6 cung cấp cấu trúc import() giúp tải về một module theo yêu cầu. Cấu trúc import() trả về một promise cung cấp một đối tượng bao gồm các module được yêu cầu.

Nên đặt File Javascript Ở Đâu Trong Trang HTML?

  • Tác giả: www.niemvuilaptrinh.com
  • Đánh giá: 3 ⭐ ( 5574 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ngày hôm nay chúng ta sẽ cùng nhau đi vào tìm hiểu nên đặt vị trí file javascript ở đâu tối ưu nhất và các thuộc tính async, defer cho trang web nha.

Cách load file js (Javascript) sau khi trang tải xong

  • Tác giả: vinasupport.com
  • Đánh giá: 3 ⭐ ( 5729 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Làm cách nào để load và đồng bộ file js (Javascript) sau khi trang web tải xong sử dụng defer. Load scripts after page has loaded? Asynchronous

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Lặp lại từ điển (khóa và giá trị) với vòng lặp for trong Python - python cho các khóa trong dict

By ads_php