Shulou(Shulou.com)06/01 Report--

This article introduces the relevant knowledge of "what is the difference between _ window.onload in js and load in jquery". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

The following code in JavaScript:

_ Window.onload = function () {/ / Code}

Equivalent to

The Jquery code is as follows:

$(window) .load (function () {/ / Code})

Window.load

(document) .ready ()

Timing of execution

You must wait for all the content in the page to be loaded (including pictures) before execution

After all the DOM structures in the web page are drawn, it can be executed that the content associated with the DOM element has not been loaded.

Number of compiling

Cannot write more than one at the same time

The following code does not execute correctly:

_ window.onload = function () {

Alert ("text1")

}

_ window.onload = function () {

Alert ("text2")

}

As a result, only the second output

Can write multiple at the same time

The following code executes correctly:

$(document) .ready (function () {

Alert ("Hello World")

});

$(document) .ready (function () {

Alert ("Hello again")

});

The results are output both times

Simplified writing method

None

$(function () {)

/ / do something

});

For example, when a document is loaded by a browser, after the page is loaded, the browser adds events to the DOM element through Javascript. In regular Javascript code, the _ window.onload method is usually used, while in Jquery, the $(document) .ready () method is used. The $(document). Ready () method is the most important function in the event module, which can greatly improve the speed of Web applications.

In addition, it is important to note that because events registered in the $(document) .ready () method are executed as long as the DOM is ready, the associated file for the element may not have been downloaded at this time.

For example, the html related to the picture has been downloaded and parsed into a DOM tree, but it is very likely that the picture has not been loaded yet, so attributes such as the height and width of the picture may not be valid at this time. To solve this problem, you can use another method in Jquery about page loading-the load () method.

The Load () method binds a handler in the element's onload event.

If the handler is bound to a window object, it will be triggered after everything (including windows, frames, objects, images, etc.) has been loaded, and if the handler is bound to an element, it will be triggered after the content of the element has been loaded.

This is the end of the content of "what is the difference between _ window.onload in js and load in jquery". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.