技术文章
当前位置:首页 > jQuery技术文章 > jQuery中read和JavaScript中的onload函数知识点详解

jQuery中read和JavaScript中的onload函数的区别总结

  • 发布时间:
  • 作者:码农之家原创
  • 点击:63

这篇文章主要知识点是关于jQuery、read、JavaScript、onload、区别、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

jQuery Mobile从入门到精通
  • 类型:jQuery大小:168.7 MB格式:PDF出版:水利水电出版社作者:未来科技
立即下载

更多jQuery相关的学习资源可以参阅 jQuery电子书程序设计电子书 等栏目。

jQuery中read和JavaScript中的onload函数知识点详解

在JavaScript中,onload函数是最经常使用的,几乎涉及到JavaScript的童鞋都少不了要接触它。这个函数的作用就是等待网页完全装载完了以后再去执行代码块内的语句,因为按照文档流的执行顺序,通常用于头部加载JavaScript的时候需要用到。


window.onload = function(){
    // 当网页加载完成后执行这里的代码块
};

而在jQuery中也有一个对应的函数,即等待网页加载完后执行代码块
 

$(document).ready(function(){
    // 当网页加载完成后执行这里的代码块    
});

 

以上这两个看似一样的功能,但实际有很大的区别。

onload不仅在创建DOM树之后,而且在所有外部资源全部加载完毕,并且整个页面在浏览器窗口中显示完毕之后,才会执行。这些资源不仅包括图片资源,而且包括嵌入在页面上的flash视频,如果图片或者flash过多,那么会一段很长加载时间,也就意味这延迟执行代码块的时间会更多。

jQuery中的ready()方法只需要等待文档结构被完全解析并且浏览器已经把HTML转化为DOM树后就会执行代码块,这里注意的是仅仅是DOM,网页中的图片,flash等外部资源都毫无关联。

由此可见jQuery中的ready()方法将缩短等待时间。

当然还有另外一种方式,就是把脚本都在<body>标签后面,这样的话网页按照文档流顺序执行,也会达到JavaScript中onload或者jQuery中ready()效果,并且这中方式将更快的展现网页内容。

以上就是本次给大家分享的关于jQuery的全部知识点内容总结,大家还可以在下方相关文章里找到jquery点击元素后滚动条滚、 同域jQuery(跨)iframe操作DO、 jQuery中Find选择器的用法和、 等jQuery文章进一步学习,感谢大家的阅读和支持。

上一篇:jquery实现鼠标拖动效果的代码

下一篇:jQuery 1.9使用$.support替代$.browser的实例内容

展开 +

收起 -

相关电子书
学习笔记
网友NO.185457

用jquery修复在iframe下的页面锚点失效问题

应用场景是:iframe页面没有滚动条,在父窗体中出现滚动条,锚点标记就会失效,因为,锚点是根据当前窗口滚动条滚动窗口的,成为子窗体后没有了滚动条,自然不会滚动。 解决办法是:用js判断页面是否被嵌套,用js计算iframe在父窗体位置,锚点在firame中的位置,两者相加成为父窗体的滚动。 遇到问题:获取父窗体元素(因为有域限制,所有需要在网络环境下方位(即http://domain.com));父窗体嵌套多个iframe,判断是否是当前iframe页面。 代码: 父窗体页面 index.html !doctype htmlhtmlheadtitle/titlestyle type="text/css"*{margin: 0;padding: 0;border: 0;}html,body{width: 100%;height: 100%;}/style/headbodydiv /diva href=""dd/aa href=""ddd/aiframe name="iframe2" id="iframe2" src="iframe.html?a=bgt;/iframeiframe name="iframe2" id="iframe2" src="iframe.html?a=dgt;/iframe/body/html 子窗体页面iframe.html !doctype htmlhtmlheadtitle/titlest……

网友NO.145777

jQuery动态添加<input type="file">

有时候需要在页面上允许用户上传多个文件,个数由用户自己决定,个数多了也可以删除,使用jQuery可以很简单的实现这个功能。 先给大家展示下效果图: !DOCTYPE htmlhtmlheadtitletest.html/titlemeta http-equiv="content-type" content="text/html; charset=UTF-8"script type="text/javascript" src="jquery-1.6.4.min.js"/scriptscript type="text/javascript"//添加一行trfunction add() {var content = "trtd";content += "input type='file' name='file'input type='button' value='Remove' onclick='remove(this)'";content +="/td/tr"$("#fileTable").append(content);}//删除当前行trfunction remove(obj) {$(obj).parent().parent().remove();}/script/headbodyform id="fileForm" action="" method="post" enctype="multipart/form-data"table id="fileTable"trtdinput type="file" name="file"input type="button" id="addButon" value="Add" onclick="add()"/td/tr/table/form/body/html 介绍JQuery获取input type="text"中的值的各种方式 !DOCTYPE html PUBLIC "-//W3……

网友NO.649888

jQuery操作cookie方法实例教程

本文实例讲述了jQuery操作cookie的方法。分享给大家供大家参考。具体方法如下: 先来看看jq.cookie的aip 写入cookie $.cookie("this-cookie","this-value",{ expires:10,//有效日期 path:"/",//cookie的路 径 domanin: //cookie的域名 secure:true //true,cookie的传输会要求一个安全协议,否则反之 }); 读取cookie $.cookie("this-cookie") 删除cookie $.cookie("this-cookie",null) 是不是很简单呢,这样子就可以完成cookie 下面看一个demo例子 $(function(){ $("ul li").click(function(){ $("#"+this.id).addClass("cur").siblings().removeClass("cur"); //切换选中后的样式 $("#colortable").attr("href",this.id+".css");//每次切换更换相对应的样式表 $.cookie("cookie",//写入cookie this.id,//需要cookie写入的业务 { "path":"/", //cookie的默认属性 "expires":10 //有效天数 }) }); var cookie=$.cookie("cookie"); //读取cookie if(cookie){ $("#"+cookie).addClass("cur").siblings().removeClass("cur"); $("#colortabl……

网友NO.857240

基于jquery实现智能提示控件intellSeach.js

一、需求 我们经常会遇到【站内搜索】的需求,为了提高用户体验,我们希望能做到像百度那样的即时智能提示。例如:某公司人事管理系统,想搜索李XX,只要输入“李”,系统自然会提示一些姓李的员工,这样方便用户使用。说白了,就是用户边输入,系统会提示相关的结果;或者,当用户点击搜索框时,就推荐一些内容,如360、百度都会提示今天的主要新闻或搜索量大的内容。 jquery 已经有一个这样的插件了,叫 autocomplete, 但我觉得不好用。关于autocomplete的介绍也很多,有兴趣的朋友可以去试试。 看标题就知道,这里只是分享一个插件,不会讨论后台搜索的相关算法和过程,也就是说,后台返回特定格式的数据,控件负责渲染结果呈现。ok,先看一下效果图: 样式与控件无关,只需要一个 input text 就可以了。 二、参数说明 控件以json格式作为传……

<
1
>

Copyright 2018-2020 xz577.com 码农之家

电子书资源由网友、会员提供上传,本站记录提供者的基本信息及资源来路

鸣谢: “ 码小辫 ” 公众号提供回调API服务、“ 脚本CDN ”提供网站加速(本站寻求更多赞助支持)

版权投诉 / 书籍推广 / 赞助:520161757@qq.com

上传资源(网友、会员均可提供)

查看最新会员资料及资源信息