美文网首页前端技巧
页面初始化方法比较

页面初始化方法比较

作者: 灵籁 | 来源:发表于2019-08-19 15:51 被阅读0次

我们有时候需要在页面初始化的时候做一些事情,那么你就得了解清楚他们的不同,不然可能会出现和你预期不一样的效果。下面对3个页面初始化的方法进行比较:window.onload$(document).ready(function(){})$(window).load(function(){})

  • window.onload :js原生的方法。等到页面内包括图片的所有元素加载完毕后执行。(包括样式,js,图片,文件等等加载完)(可写多个,都会执行)。
  • $(document).ready(function(){}) :jquery方法,$(function(){})是它的一种简写方式。DOM结构绘制完毕后就执行,不必等到加载完毕。(即DOM结构绘制完毕就开始执行了,哪怕样式,js,大图等等还没加载完也不影响)(可写多个,都会执行
  • $(window).load(function(){}) :jquery方法。和 window.onload一样,不一样的是:写多个,只有最后那个才会执行。另外,jquery3.0开始已经废弃该方法了。

相关文章

  • 页面初始化方法比较

    我们有时候需要在页面初始化的时候做一些事情,那么你就得了解清楚他们的不同,不然可能会出现和你预期不一样的效果。下面...

  • js jquery 页面加载初始化方法

    一.js 页面加载初始化方法 二.jquery 页面加载初始化方法 $(document).ready(funct...

  • MUI框架—窗口管理

    页面初始化、创建子页面、关闭页面、预加载我们在 init() 方法中已经说明了,这里不再赘述。 打开新页面 我们在...

  • 小程序radish_wx_mini_store包

    yarn add radish_wx_mini_store 初始化,在app.js里面初始化需要的方法 页面中使用

  • 小程序下拉刷新和上拉加载

    方法一、页面只有列表的时候比较合适 方法二、页面除了列表还要搜索框,选择框等功能

  • Swift - whose view is not in the

    问题:想在页面初始化的时候,使用self.presentViewController方法弹出个告警提示框UIAle...

  • 原生IOS与Flutter的交互

    1.IOS原生跳转flutter页面时的传值。在flutter页面初始化之前注册通知,在flutter页面初始化里...

  • webview与js互调

    初始化WebView并且加载网络页面 加载assets目录下的文件 网页调用APP端方法 Java调用javaSc...

  • viewController方法的调用

    app 启动后的流程 启动后第一个页面A的方法调用 初始化 1: A_ViewController initWit...

  • iOS 中的初始化方法链条

    iOS 初始化方法链条 设计原则:1.根据根本特性设计指定初始化方法2.所有初始化方法根据指定初始化方法初始化 代...

网友评论

    本文标题:页面初始化方法比较

    本文链接:https://www.haomeiwen.com/subject/vutesctx.html