`
wasw100
  • 浏览: 127358 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery中的window.onload的实现

jQueryJavaScriptHTMLAjaxIBM 
阅读更多

在一般的javascript中页面加载完之后执行某个函数用window.onload,如下面的代码

<!DOCTYPE HTML>
<html>
	<head>
		<script type="text/javascript">
			function f(){
				alert("js的onload加载")
			}	
			window.onload=f;
		</script>
	</head>
	<body>
		window.onload测试
	</body>
</html>

 

那在jquery中用什么方法呢？下面是用jquery的实现（记的把jquery-1.3.1.min.js改为你相应的jquery包）

<!DOCTYPE HTML>
<html>
	<head>
		<script type="text/javascript" src="jquery-1.3.1.min.js"></script> 
		<script>
			function f(){
				alert("js的onload加载")
			}	
			$(document).ready(function(){
				f();
				//或者直接写函数体  alert("js的onload加载")
			});	
		</script>
	</head>
	<body>
		jQuery实现函数的加载
	</body>
</html>

 

 JQuery学习参考网站：

http://www.k99k.com/jQuery_getting_started.html

http://www.ibm.com/developerworks/cn/xml/x-ajaxjquery.html

 

 

 

 

--EOF--

0
顶
1
踩
分享到：
| jdk1.5新特性总结
评论
1 楼 wasw100 2009-10-31  
补充一下，今天看到下面这篇文章，对上面问题解释的不错，不过这篇文章主要讲解JQuery的ajax的，有兴趣的可以看一下：
http://www.ibm.com/developerworks/cn/xml/x-ajaxjquery.html
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery练习题.docx

    1. 执行时机：JavaScript 中 window.onload 必须等待网页中的所有内容加载完成后（包括外部元素，如图片）才能执行，而 jQuery 中的 ready() 网页中的所有 DOM 结构绘制完成后就执行（可能关联内容并未加载完成）。...

    jQuery(document).ready(function($) { });的几种表示方法

    总结来说，`jQuery(document).ready()`提供了一种灵活且高效的处理DOM就绪的方式，而`window.onload()`和`body.onload`更适用于需要等待整个页面加载的场景。理解这些不同方法的用法和区别，可以帮助开发者更有效地...

    jQuery+fsbanner.js实现横向手风琴效果特效源码.zip

    这通常在`$(document).ready()`或`window.onload`事件中完成。 6. **自定义和扩展** - 开发者可以根据实际需求，对源码进行个性化修改，比如添加新的功能、改变动画速度、调整响应式布局等。 总的来说，这个源码包...

    jQuery学习笔记.docx

    在jQuery的学习过程中，首先要理解的是如何使用`$(document).ready()`和`window.onload`来确保代码在页面加载完毕后执行。 1. `$(document).ready(function(){...})`与`window.onload`的区别： - `$(document)....

    jQuery学习笔记.pdf

    如果在页面中多次使用`window.onload`，只有最后一个会被执行。 3. `$(document).ready()`可以简化写为`$(function() { ... })`，而`window.onload`没有类似的简写。 二、jQuery的链式操作： jQuery的链式操作是其...

    jQuery知识点.docx

    在本篇笔记中，我们将深入探讨 jQuery 的一些核心知识点。 首先，我们关注初始化过程。`$(document).ready()` 与 `window.onload` 都用于在页面加载完成后执行代码，但它们有区别。`$(document).ready()` 在 DOM ...

    Jqyery中同等与js中windows.onload的应用

    关于在页面中放置脚本，将DOM操作的代码放在 `window.onload` 或 jQuery 的 `document ready` 事件中，可以确保元素在执行相关操作时已经存在。例如，下面的代码绑定了按钮点击事件： ```html &lt;div id="divInfo"&gt;...

    jquery 教程 详细解释了jquery的使用方法

    可复用性：页面中可以有多个`$(document).ready()`，每个都会执行，而`window.onload()`只执行最后一个定义的函数。 掌握以上内容，你就能开始使用jQuery进行基本的网页交互和动态效果的实现了。随着进一步的学习...

    15天漫游jQuery中文翻译word版

    资源名称：15天漫游jQuery中文翻译 word版内容简介：15天漫游jQuery中译本,不是很完整,但是也是学习jquery 不可或缺的东东1 day Window.onload() 一直是常用的javaｓｃｒｉｐｔ函数。数年来程序员们习惯了通过它在...

    解决chrome对jQuery的支持问题

    2. **使用jQuery的`$.load()`**：除了`$(document).ready()`，jQuery还提供了`$(window).load()`，它的行为类似于原生的`window.onload`，等待所有资源加载后再执行。 3. **使用`DOMContentLoaded`事件**：这是原生...

    15天漫游jQuery中文翻译word版最新版本

    15天漫游jQuery中译本,不是很完整,但是也是学习jquery 不可或缺的东东 1 day Window.onload() 一直是常用的javascript函数。数年来程序员们习惯了通过它在页面加载完毕后执行客户端脚本。 但有时候等待页面加载可以...

    jquery学习总结.pdf

    `window.onload` 是一个JavaScript 事件，它会在浏览器加载完网页中的所有内容（包括图片）后触发。然而，如果编写多个 `window.onload` 函数，只有最后一个会被执行。jQuery 提供了一个更简洁的替代方法，即 `$...

    实现在HTML页面加载完毕后运行js方法.docx

    有两种常见的方法可以实现这点，一种是使用 `window.onload` 事件，另一种是使用 jQuery 的 `$(document).ready()` 方法。 window.onload 事件 `window.onload` 事件是在页面中的所有元素都已经加载完毕后触发的，...

    jQuery ready()和onload的加载耗时分析

    根据给定的文件信息，我们可以了解到，文档的标题是“jQuery ready()和onload的加载耗时分析”，而描述则说明了文档内容主要是对比分析了jQuery中的ready()函数和JavaScript的window.onload事件处理程序在页面加载时...

    onload和jquery运行顺序

    window.onload = function () { console.log('window.onload 方式执行') } $(document).ready(function () { console.log('$(document).ready(function(){}) 方式执行') })

    jQuery中的ready函数与[removed]谁先执行

    本文将深入探讨jQuery中的`$(document).ready()`函数与`window.onload`事件的区别，并解析它们各自的执行时机。 首先，我们来看`$(document).ready()`，这是jQuery提供的一种方法，用于在文档对象模型（DOM）准备...

    Jquery 在页面加载后执行的几种方式

    需要注意的是，jQuery的`$(document).ready()`方法可以多次使用，而且它和原生的`window.onload`并不冲突。如果两者都使用，则`window.onload`会在`$(document).ready()`之后执行。`window.onload`通常用于在页面...

    用javascript实现jquery的document.ready功能的实现代码

    ### JavaScript中实现document.ready功能的原理 在纯JavaScript中，我们可以使用`DOMContentLoaded`事件来模拟`document.ready`的行为。`DOMContentLoaded`事件会在整个文档解析完毕之后立即触发，而不需要等待诸如...

    js 某个页面监听事件渲染完毕的时间.pdf

    本文将深入探讨如何使用JavaScript来监听页面渲染完成的时间，并对比两种常见方法：`window.onload`和jQuery的`$(document).ready`。 首先，我们来看`window.onload`事件。这个事件会在页面中所有的资源，包括HTML...

    jquery.doc

    "15 Days of jQuery (Day 1)" 阐述了 jQuery 如何比 `window.onload` 更快地处理页面加载。`window.onload` 是传统方法，用于确保所有资源（如图片）加载完毕后执行 JavaScript。然而，它可能会因为大图片或其他资源...

Magicbox
Global site tag (gtag.js) - Google Analytics