jQuery入门：jQuery的ready事件

来源：互联网发布：源码交易淘宝编辑：程序博客网时间：2024/05/17 01:59

$( document ).ready()

一直到文档已经”ready”，页面才会顺利执行。jQuery侦测这个为你准备就绪的状态。一旦页面文档对象模型（DOM）运行，$( document ).ready()中的代码就为javascript代码执行做好准备。在$( window ).load(function() { ... })中的代码将运行整个页面（图片或者框架）后才运行，不仅仅是DOM。

// A $( document ).ready() block.$( document ).ready(function() {    console.log( "ready!" );});

有经验的开发者有时会使用$( document ).ready()的简写方式$()。如果你是写给没有什么jQuery开发经验的人看的，那最好使用完整的格式。

// Shorthand for $( document ).ready()$(function() {    console.log( "ready!" );});

你也可以传递一个命名函数到$( document ).ready()替换传递一个匿名函数。

// Passing a named function instead of an anonymous function.function readyFn( jQuery ) {    // Code to run when the document is ready.}$( document ).ready( readyFn );// or:$( window ).load( readyFn );

下面的这个例子展示的是 $( document ).ready()和$( window ).load() 的运行。代码试图在 <iframe>中装载一个网站，然后检测两个事件：

<html><head>    <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>    <script>    $( document ).ready(function() {        console.log( "document loaded" );    });    $( window ).load(function() {        console.log( "window loaded" );    });    </script></head><body>    <iframe src="http://techcrunch.com"></iframe></body></html>

原文地址

4 0