load方法js，load方法没有任何重载采用,0参数

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

javascript ready和load事件的区别

根据ready()方法的API说明

这个方法接收一个function类型的参数ready(handler), 方法的作用是: Specify a function to execute when the DOM is fully loaded.

即当DOM加载完毕的时候,执行这个指定的方法.

因为只有document的状态ready之后,对page的操作才是安全的.

$(document).ready()仅在DOM准备好的时候执行一次.

与之相比,load事件会等到页面渲染完成执行,即等到所有的资源(比如图片)都完全加载完成的时候.

$(window).load(function(){…})会等整个页面,不仅仅是DOM,还包括图像和iframes都准备好之后,再执行.

而ready()是在DOM准备好之后就执行了,即DOM树建立完成的时候.所以通常ready()是一个更好的时机.

如果DOM初始化完成之后再调用ready()方法,传入的新的handler将会立即执行

注意:ready()方法多次调用,传入的handler方法会串联执行(追加).

而JavaScript中,window.onload是赋值一个方法,即后面的会覆盖掉前面的.

相关问答

Q1: js里load和onload怎么区分？

onload是js的原生的事件，而load则是这个程序中名为SpriteSheet的自定义类中自定义的一个方法（或者说是自定义的事件），两者之间没有必然的联系，如果程序编写者原意，他也可以把load改成其他名字。onload则是不能改的，它是js的内部事件名。

Q2: js的 window.load 和window.onload 有什么区别

JavaScript 中的以下代码 :

Window.onload = function (){// 代码 }

等价于

Jquery 代码如下：

$(window).load(function (){// 代码 });

执行时机

window.load——必须等待网页中所有的内容加载完毕后 ( 包括图片 ) 才能执行

$(document).ready()——网页中所有 DOM 结构绘制完毕后就执行，可以能 DOM 元素关联的内容并没有加载完

编写个数

window.load——不能同时编写多个以下代码无法正确执行：

window.onload = function(){ alert(“text1”);};window.onload = function(){ alert(“text2”);};结果只输出第二个

$(document).ready()——能同时编写多个以下代码正确执行：

$(document).ready(function(){ alert(“Hello World”);});$(document).ready(function(){ alert(“Hello again”);});

结果两次都输出

以浏览器装载文档为例，在页面加载完毕后，浏览器会通过 Javascript 为 DOM 元素添加事件。在常规的 Javascript 代码中，通常使用 window.onload 方法，而在 Jquery 中，使用的是$(document).ready() 方法。 $(document).ready() 方法是事件模块中最重要一个函数，可以极大的提高Web 应用程序的速度。

另外，需要注意一点，由于在 $(document).ready() 方法内注册的事件，只要 DOM 就绪就会被执行，因此可能此时元素的关联文件未下载完。

例如与图片有关的 html 下载完毕，并且已经解析为 DOM 树了，但很有可能图片还没有加载完毕，所以例如图片的高度和宽度这样的属性此时不一定有效。要解决这个问题，可以使用 Jquery 中另一个关于页面加载的方法 ---load() 方法。

Load() 方法会在元素的onload 事件中绑定一个处理函数。

如果处理函数绑定给 window 对象，则会在所有内容 ( 包括窗口、框架、对象和图像等 ) 加载完毕后触发，如果处理函数绑定在元素上，则会在元素的内容加载完毕后触发。

总结：

js:window.onload页面一运行就执行该函数，执行该函数时，可能页面中的图片还没有加载完成！

jquery： $(window).load()页面中的图片或其它东西加载完成之后，执行该函数。

Q3: jquery 里面load方法为什么不能加载js呢怎么样才能解决呢 js要放在一个单独的js文件中

首先你要确定你想要load的页面中，script标签放到哪里了？

如果放倒head里面是不行的，你的script标签必需放倒body里面。

此外，

$('#container').load('./ajaxload.html#ctn');

这种方式也是不行的。因为只解析了ctn里的内容

jquery文档里给了如下说明：

Script Execution

When calling .load() using a URL without a suffixed selector expression, the content is passed to .html() prior to scripts being removed. This executes the script blocks before they are discarded. If .load() is called with a selector expression appended to the URL, however, the scripts are stripped out prior to the DOM being updated, and thus are not executed. An example of both cases can be seen below:

Here, any JavaScript loaded into #a as a part of the document will successfully execute.

$( "#a" ).load( "article.html" );

However, in the following case, script blocks in the document being loaded into #b are stripped out and not executed:

$( "#b" ).load( "article.html #target" );

Q4: Jquery 中load方法使用！

jquery load方法用法详解

1.load定义和用法，load() 方法通过 AJAX 请求从服务器加载数据，并把返回的数据放置到指定的元素中。jquery load是jquery ajax中的一种功能，load可以方便快速的直接加载一个页面到指定div中（html,php），并且它可以带参数。

2.还存在一个名为 load 的 jQuery 事件方法。调用哪个，取决于参数。

下面是几个例子：

1).加载一个php文件，该php文件不含传递参数

$("#myID").load("test.php");

2).加载一个php文件，该php文件含有一个传递参数