在加载html页面后，实现了运行JS的两种方法。

js方法：
复制代码代码如下所示：

窗口。指针函数（）{

var；

警报（用户名）；
}

下面是jQuery方法，需要引用jQuery文件。
复制代码代码如下所示：

$（文档）Ready（函数（）{）

var；

警报（用户名）；
}）；

或其速记
复制代码代码如下所示：
$（函数（）{（））
var；
警报（用户名）；
}）；

当DOM后，它可以执行（比窗口。onload早）..准备（）可以在同一个页面出现多次

PS：两者的主要区别

Window.onload：

当一个文件完全下载到浏览器，这在window.onload事件触发，这意味着页面上的所有元素都具有可操作性的JS，也就是说，网页上的所有元素，直到他们被加载执行。这种情况是编写功能代码很好，因为没有必要考虑加载顺序。，

$（文档）：

它将被称为当DOM准备很充分，可以使用。但这也意味着，所有的元素都对脚本访问，这并不意味着所有相关的文件已被下载。换句话说，当HMTL下载完成并解析为DOM树，代码将被执行。

举个例子：

假设有一个显示图形库的页面。此页可能包含许多大型图像。我们可以隐藏、显示或以其他方式处理这些图像通过jQuery。如果我们设置界面通过加载页面，用户必须等待每个图像被下载才可以使用此页。更糟糕的是，如果行为添加到这些元素的默认行为（如链接），用户相互作用会导致意外的结果。然而，当我们试图建立$（document）。Ready（）{ }，界面将准备正确的行为是早。

一般来说，使用美元（文件）。Ready（）{ }比审判onload事件处理程序，但需要明确，因为支持文件可能没有在家里完成的，如图像的高度和宽度等属性可能不是有效的在这个时候。

注意：在页面底部放置JS并使用延迟方法的方法存在问题。最好使用上面的函数！