`
wasw100
  • 浏览: 126019 次
  • 性别: 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
发表评论

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

相关推荐

    15天漫游jQuery中文翻译word版

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

    onload和jquery运行顺序

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

    初始jQuery

    3. $(document).ready()与window.onload使用场合类似，当有差异 4. jQuery代码中常见的元素包括工厂函数、选择器和方法 5. jQuery程序代码的特殊：包含$符号和连缀操作 6. 每个页面都有对应的DOM模型，DOM模型包括...

    jQuery实例教程

    （也许window.onload()能实现同样的功能，但是jQuery更加快速，灵活）。 $(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数，因为它可以极大地提高web...

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

    常见的方法有使用window.onload和jQuery的(document).ready两种。其中，window.onload方法是页面所有资源加载完成之后触发，因此性能较差；(document).ready方法是在页面dom元素加载完成之后触发，性能较好。 总体...

    jQuery的鼠标拖动翻页js特效代码.zip

    window.onload=function(){ page=id("menu").getElementsByTagName("div"); if(page.length&gt;0){ page[0].style.zIndex=2; } for(i=0;i&lt;page.length;i ){ page[i][removed] ="&lt;span class=\"tip\"&gt;" (i 1) "/" ...

    jquery 笔记(自己学习jquery整理好的)

    window.onload=function(){ var otable = document.getElementById('oTable'); for(var i=0 ; i&lt;otable.rows.length ; i++){ if(i%2==0) otable.rows[i].className = 'alrow'; } } $(function(){ $(table....

    【JavaScript源代码】JS实现点击掉落特效.docx

    JS实现点击掉落特效 　js实现点击掉落特效 ... charset=utf-8"&gt;　无标题文档&lt;/title&gt;　&lt;script src="jquery.js"&gt;&lt;/script&gt;　&lt;script&gt;　window.onload = function () {　var str = '';　var len = 20;　var aDiv = docu

    video.js 基于js的video标签视频播放插件，简单上手

    window.onload = function(){ oVdo = new Video({ name:"video", time:[ {"src":"./video/22.mp4","title":"shangjiahang@tinysoft"}, {"src":"./video/23.mp4","title":"shangjiahang1@tinysoft"}, {"src":"....

    jQuery多级目录树型结构菜单代码.zip

    window.onload = function() { //Initializing Tree //Tree Context Menu Structure var contex_menu = { 'context1' : { elements : [ { text : 'Node Actions', icon: 'images/blue_key.png', action...

    jQuery的网格瀑布流插件.zip

    jQuery网格瀑布流插件是一款支持自定义网格的宽度，可以图文显示，可以设置参数使一个元素容器分割成同宽的多列，同进有参数设置列与列间...window.onload = function() { new ElasticColumnsDemo(); }; [removed]

    一张表格告诉你windows.onload()与$(document).ready()的区别

    在jquery中，则使用$(document).ready()方法。下面介绍一下两者的区别。   [removed]() $(document).ready() 执行时机 在页面所有元素（包括图片，引用文件）加载完后执行。 页面中所有HTML DOM，CSS DOM结构...

    Keyframes.Pathfinder:jQuery.Keyframes插件，可生成复杂的运动路径

    关键帧。探路者 这个用于关键帧的插件会生成复杂的移动路径。 安装 import Pathfinder from '@keyframes/pathfinder' ; Keyframes .... ... Keyframes.bezierPath( rules, ...window . onload = ( ) =&gt; { const block = doc

    JQuery下关于$.Ready()的分析

    $(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法 接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里. 对于Body的Onload事件...

    Kombat.js:向下滚动网页的脚本...... KOMBAT STYLE！

    想要慢慢翻下一页，感受在街机中玩真人快打的怀旧情绪吗？ 这个修改版可以做到这一点。 这只是一个有趣的项目，以帮助建立我的 JS 技能。 指示 Kombat.js是一个独立的库（没有 jquery 或Kombat.js库）所以使用非常...

    img的onload的另类用法

    图片的onload事件，相信大家都经常用到，尤其在控制图片的输出大小的时候。... 很多JS的库类，比如说jquery和prototype都有相对的函数来模拟实现。 我们同样可以使用图片的onload方法来实现。 比如：就可以实现了。

    运用jQuery实现的Ajax无刷新删除和添加数据的表单

    ---DOM载入就绪可以查询及操纵时执行该操作|等同window.load，确保在body元素的onload事件中没有注册函数，否则不会触发$(document).ready()事件。 　用到了一个JS脚本库，主要就是设置各个验证项的正则表达式，基本...

    图库新版jQuery焦点图 JS代码

    tips[33] = '技术越来越廉价，必须脚踏实体的为用户提供有效的内容，才能够实现技术的价值。'; tips[34] = '用户有两种，一是实在太闲，以网络打发时间；二是实在太忙，必须借助网络节约时间。'; tips[35] = '网站...

    lifter.js：最后，其行为类似于真实电梯的“返回顶部”按钮

    Elevator.js是一个独立的库（没有jquery等），因此用法非常简单。 元素的所有样式均由您决定。 Elevator.js仅处理音频管理和滚动功能！ JS Elevator.js完全位于js领域内，这使事情使用起来相当简单。 您需要创建一...

    jQuery快速高效制作网页交互特效

    在javaScript中的window事件又 window onload = fn(); 和onclick 在jQuery中常用的事件有文档就绪事件，对应的方法ready() $(document).ready(fn(){});  b：鼠标事件 常用的鼠标事件有：  click(fn); 单机鼠标...

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