JavaScript trên tải – chức năng onload window js

Tải về JavaScript với hướng dẫn javascript, giới thiệu, lỗi javascript, ứng dụng của javascript, vòng lặp, biến, đối tượng, bản đồ, typedarray, v.v.

Bạn đang xem: hàm onload window js

tiếp theo →
← trước

JavaScript trên tải

Trong JavaScript, sự kiện này có thể áp dụng để khởi chạy một chức năng cụ thể khi trang được hiển thị đầy đủ. Nó cũng có thể được sử dụng để xác minh loại và phiên bản trình duyệt của khách truy cập. Chúng tôi có thể kiểm tra cookie mà một trang sử dụng bằng cách sử dụng thuộc tính onload .

Trong HTML, thuộc tính onload sẽ kích hoạt khi một đối tượng đã được tải. Mục đích của thuộc tính này là thực thi một tập lệnh khi phần tử được liên kết tải.

Trong HTML , thuộc tính onload thường được sử dụng với phần tử & lt; body & gt; để thực thi tập lệnh sau khi nội dung (bao gồm cả CSS các tệp, hình ảnh, tập lệnh, v.v.) của trang web đã được tải hoàn toàn. Không cần thiết chỉ sử dụng nó với & lt; body & gt; thẻ , vì nó có thể được sử dụng với các phần tử HTML khác.

Sự khác biệt giữa document.onload window.onload là: kích hoạt document.onload trước khi tải hình ảnh và nội dung bên ngoài khác . Nó được kích hoạt trước window.onload . Trong khi window.onload kích hoạt khi tải toàn bộ trang, bao gồm các tệp CSS , tệp tập lệnh, hình ảnh, v.v.

Xem Thêm  Làm cách nào để in đậm văn bản bằng CSS? - làm thế nào để làm cho văn bản in đậm trong css

Cú pháp

Hãy hiểu sự kiện này bằng cách sử dụng một số ví dụ.

Ví dụ1

Trong ví dụ này, có một phần tử div có chiều cao là 200px và chiều rộng là 200px. Ở đây, chúng tôi đang sử dụng window.onload () để thay đổi màu nền , chiều rộng và chiều cao của phần tử div sau khi tải web trang.

Màu nền được đặt thành ‘đỏ’ , chiều rộng và chiều cao được đặt thành 300px mỗi màu.

Kiểm tra ngay bây giờ

Đầu ra

Sau khi thực thi mã và tải trang, đầu ra sẽ là –

JavaScript onload

Ví dụ2

Trong ví dụ này, chúng tôi đang triển khai hoạt ảnh đơn giản bằng cách sử dụng các thuộc tính của đối tượng DOM và các chức năng của javascript . Chúng tôi sử dụng hàm JavaScript getElementById () để lấy đối tượng DOM và sau đó gán đối tượng đó vào một biến toàn cục.

Kiểm tra ngay bây giờ

Đầu ra

Sau khi thực hiện thành công đoạn mã trên, kết quả sẽ là –

JavaScript onload

Bây giờ, có một ví dụ trong đó chúng tôi sẽ sử dụng thuộc tính HTML onload và các hàm JavaScript.

Ví dụ3

Đây là một ví dụ đơn giản về việc sử dụng thuộc tính onload HTML với hàm được định nghĩa trong JavaScript. Trong ví dụ này, hàm alert () được gọi bất cứ khi nào làm mới tài liệu.

Kiểm tra ngay bây giờ

Đầu ra

Sau khi thực thi đoạn mã trên, đầu ra sẽ là –

Xem Thêm  lệnh if else lồng nhau trong php - php nếu khác html

JavaScript onload

Chủ đề tiếp theo

Sự kiện kích cỡ JavaScript

← trước
tiếp theo →


Xem thêm những thông tin liên quan đến chủ đề chức năng onload window js

JavaScript Tutorial 14 – window onload

alt

  • Tác giả: BRaditechUK
  • Ngày đăng: 2012-07-10
  • Đánh giá: 4 ⭐ ( 8733 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: This is a JavaScript tutorial, in this tutorial, you will learn about window onload in JavaScript.

    Like our tutorials, check out our website: http://www.b-raditech.com

    You can also follow us on twitter and facebook:

    https://twitter.com/BRaditech
    http://www.facebook.com/BRaditechUK

    If you need any support or information, please contact info@b-raditech.com, we are always happy to help.

Sử dụng Trình tạo hồ sơ JavaScript để giải trí và kiếm lợi nhuận: Ví dụ Canvas HTML5

  • Tác giả: helpex.vn
  • Đánh giá: 3 ⭐ ( 6420 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Đây là một giới thiệu nhẹ nhàng về cách và lý do sử dụng trình biên dịch hiệu suất là một phần của nhiều trình duyệt hiện đại. Trình biên dịch JavaScript là các tính năng của trình duyệt…

Sự kiện window.onload trong Javascript – Freetuts

  • Tác giả: hoctapsgk.com
  • Đánh giá: 4 ⭐ ( 3162 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sự kiện window.onload trong javascript, đây là sự kiện xảy ra khi mọi tài nguyên của website như hình ảnh – mã css – mã javascript đã load xong.Trang tài liệu, đề thi, kiểm tra website giáo dục Việt Nam. Giúp học sinh rèn luyện nâng cao kiến thức.

JavaScript Window Onload Function Call

  • Tác giả: www.delftstack.com
  • Đánh giá: 5 ⭐ ( 6868 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: This article explains the purpose of window.onload method in JavaScript by an example. window.onload function executes to perform task once the page on browser finishes loading.

Làm thế nào để kích hoạt JavaScript trong Windows

  • Tác giả: support.microsoft.com
  • Đánh giá: 4 ⭐ ( 1960 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết này mô tả bước cho người dùng để cho phép tất cả các trang web trong vùng Internet để chạy JavaScript trong Internet Explorer, Chrome và Firefox.

Sự kiện onload trong Javascript

  • Tác giả: viblo.asia
  • Đánh giá: 5 ⭐ ( 6712 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sự kiện onload trong Javascript * Trong Javascript có một sự kiện được sử dụng khá nhiều đó là sự kiện onload. Nếu như bạn đã từng xem qua jQuery thì bạn cũng sẽ thấy thường trước khi viết người ta sẽ…

Cách dùng đối tượng window trong Javascript

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 8082 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu đối tượng window trong Javascript, qua đó sẽ giúp bạn biết được danh sách các phương thức và thuộc tính của window trong javascript

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  Tải lên tệp Bootstrap 4 - tải lên tệp bootstrap 4