Javascript 哪个jQuery事件处理程序适用于页面加载？_Javascript_Jquery_Onload Event

Javascript 哪个jQuery事件处理程序适用于页面加载？

javascript jquery

Javascript 哪个jQuery事件处理程序适用于页面加载？,javascript,jquery,onload-event,Javascript,Jquery,Onload Event,我有一个简单的页面，只是尝试将加载事件附加到文档。我不确定在jQuery中使用哪个事件处理程序来执行此操作。我尝试了$（）和$（document）.ready和.load，但两者似乎都没有在正确的时间运行代码。我应该使用.on，.live？或者是我做错了什么。以下是一个示例： <!DOCTYPE html> <html> <head> <script type="text/javascript"> $(document).ready(

我有一个简单的页面，只是尝试将加载事件附加到文档。我不确定在jQuery中使用哪个事件处理程序来执行此操作。我尝试了

$（）

和

$（document）.ready

和

.load

，但两者似乎都没有在正确的时间运行代码。我应该使用

.on

，

.live

？或者是我做错了什么。以下是一个示例：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    $(document).ready(
        showWidth()
    );
    function showWidth() {
        alert($('#textTitle').width());
    }
</script>
</head>
<body>
<div class="page">
        <div id="title">
            <h1 id="textTitle">yo</h1>
        </div>
</div>
</body>
</html>


$（文件）。准备好了吗(
showWidth（）
);
函数showWidth（）{
警报（$（'#textTitle'）.width（））；
}
哟

当我运行此命令时，警报显示

null

您忘记将代码写入函数

$(document).ready(function() {
        showWidth();
    });

或者干脆

    $(function() {
        showWidth();
    });

试试这个

另外，您确定在页面中包含jQuery吗？我没有在您的代码中看到它。

有两种加载状态。一个是“DOM就绪”，只需使用

// the long way
$(document).ready(function() { console.log("dom ready"); });
// the short way
$(function() { console.log("dom ready"); });

或者您希望等待实际页面（图像、iFrame等）的“加载”，然后您可以使用

$(window).load(function() { console.log("everything should be loaded"); });

有趣。我想既然这只是一艘班轮，我就不需要在那里停船了。这不是停船，而是回电话。您键入的内容是运行函数并尝试将返回值作为参数赋值。这将返回undefined，这就是为什么您的警报在DOM准备就绪之前弹出的原因。如果省略（）则指定函数引用，而不执行它。