$(document).ready() $(window).load 及js的window.onload

时间：2023-03-08 21:52:25

1、$(document).ready()  简写为$(function(){}) DOM结构绘制完成执行，而无需等到图片或其他媒体下载完毕.

2、$(window).load  在有时候确实我们有需要等到页面的所有东西都加载完后再执行时使用

3、window.onload=function(){}  必须等到页面内包括图片的所有元素加载完毕后才能执行

另：defer属性

在脚本中写defer，<script type="text/javascript" defer></script>，则浏览器在下载脚本时，不会对其立即处理，而是会继续对下面的页面进行下载解析，提高下载性能

defer用于：不需要立即执行的脚本，例如$(window).load的函数，可用于界面上一些需要点击或鼠标事件的方法

备注：浏览器可并发请求，但是加载js时，脚本会阻塞其他资源的加载，所以脚本置后

随机推荐

  1. PNP管理器简析--基于ReactOS0.33

    ****上转悠了一圈发现关于PNP管理的文章不多.那就由我献个丑,记录自己对PNP管理器的看法. pnp管理器被描写叙述为向内核和应用程序提供关于设备拔插的通知,凭感觉,pnp管理器应该是个线程函数等 ...

  2. StandardServer.await: create[8005]java.net.BindException: Address already in use: JVM_Bind错误

    StandardServer.await: create[8005]java.net.BindException: Address already in use: JVM_Bind错误. 原因是:To ...

  3. linux tomcat部署 之 jre

    这两天需要在ubantu服务器部署一下tomcat, 本以为轻轻松松就能搞定的事情但是一直不能成功,就tomcat的安装步骤其实就是下载解压的工程,奈何,每次  运行 ./startup.sh之后 显 ...

  4. JS倒计时效果

    [html] <div id="time"></div> <script> var pad = function(num){ return nu ...

  5. MVC之ActionFilterAttribute自定义属性

    ActionFilterAttribute里有OnActionExecuting方法,跟Controller一样, 同是抽象实现了IActionFilter接口. // 登录认证特性 public c ...

  6. NodeJS CSV导出文件名和内容乱码解决

    // 解决不同浏览器下载文件名称乱码 var userAgent = (req.headers['user-agent']||'').toLowerCase(); res.set('Content-T ...

  7. JAVA热部署原理

    1.热部署是什么? 对于Java应用程序来说,热部署就是在运行时更新Java类文件. 2.热部署有什么用? 可以不重启应用的情况下,更新应用.举个例子,就像电脑可以在不重启的情况下,更换U盘. OSG ...

  8. shell脚本之练习题

    设计一个shell程序,添加一个新组为class1,然后添加属于这个组的30个用户,用户名的形式为stdxx,其中xx从01到30. i=1 groupadd class1 while [ $i -l ...

  9. 表单中method="post"什么意思？

    表示表单中的数据以"post"方法传递.Form提供了两种数据传输的方式——get和post.虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的 ...

  10. onload 和 onunload 事件

    onload 和 onunload 事件会在用户进入或离开页面时被触发. onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本. onload 和 onunl ...

相关文章