js
方法:
复制代码代码如下所示:
窗口。指针
函数(){
var;
警报(
用户名);
}
下面是jQuery方法,需要引用jQuery
文件。
复制代码代码如下所示:
$(
文档)Ready(函数(){)
var;
警报(
用户名);
});
或其速记
复制代码代码如下所示:
$(函数(){())
var;
警报(用户名);
});
当DOM后,它可以
执行(比窗口。onload早)..准备()可以在同一个页面出现多次
PS:两者的主要
区别 Window.onload:
当一个文件完全
下载到
浏览器,这在window.onload事件触发,这意味着页面上的所有元素都具有可
操作性的JS,也就是说,
网页上的所有元素,直到他们被加载执行。这种
情况是编写
功能代码很好,因为没有必要考虑加载
顺序。,
$(文档):
它将被称为当DOM准备很充分,可以使用。但这也意味着,所有的元素都对
脚本访问,这并不意味着所有相关的文件已被下载。换句话说,当HMTL下载完成并解析为DOM树,代码将被执行。
举个例子:
假设有一个
显示图形库的页面。此页可能包含许多大型图像。我们可以隐藏、显示或以其他方式
处理这些图像通过jQuery。如果我们
设置界面通过加载页面,用户必须
等待每个图像被下载才可以使用此页。更糟糕的是,如果行为添加到这些元素的
默认行为(如链接),用户相互
作用会导致意外的结果。然而,当我们试图建立$(document)。Ready(){ },界面将准备
正确的行为是早。
一般来说,使用美元(文件)。Ready(){ }比审判onload事件处理
程序,但需要明确,因为
支持文件可能没有在家里完成的,如图像的高度和宽度等
属性可能不是有效的在这个时候。
注意:在页面底部放置JS并使用延迟方法的方法存在问题。最好使用上面的函数!