window的onload事件的用法_window.慰nl慰ad_郝华静的博客-程序员秘密

技术标签: window事件  

1.最简单的用法

这里写图片描述

注:奇葩,我没用过
2.在JS语句调用(正确使用姿势)

这里写图片描述
或使用jquery
这里写图片描述
onload 事件会在页面或图像加载完成后立即发生。
3.window.onload()的加载问题
由于HTML加载时由上往下的,在HTML加载的时候,遇到function关键字,声明一个函数的时候,就会在内存中开辟一个新的空间来对函数进行存储,方便以后进行调用。


所以,当将function test()写到window.onload()=function(){}内部的时候,需要整个页面加载完成的之后,才声明这个函数,也就意味着,当HTML加载到οnclick=”test()”的时候,window.οnlοad=function(){}里面的函数test还没有被声明,这时候内存中就找不到function test(),于是就会报错。
4.window.onload并不是必须得
同样由于页面加载的顺序原因及js的书写的位置原因,window.onload();并不是非要使用的。
当js代码需要获取页面中的元素时,如果script标签在元素的前面,需要加window.onload;如果script放在了元素后面,就不需要加 window.onload。
5.$(function(){})更方便

预知后事如何,且听下回分解
window.onload和window.onready的区别

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_43046240/article/details/82691334

智能推荐

单词拆分_Darren i的博客-程序员秘密

作者:xiao_ben_zhu链接:https://leetcode-cn.com/problems/word-break/solution/shou-hui-tu-jie-san-chong-fang-fa-dfs-bfs-dong-tai/来源:力扣(LeetCode)著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。给定一个非空字符串 s 和一个包含非空单词的列表 wordDict,判定 s 是否可以被空格拆分为一个或多个在字典中出现的单词。说明:拆分时可以重复使用字典中

python系列之一:OpenCV读取本地图片并转为灰度图片_大数据架构师Pony的博客-程序员秘密

目录python OpenCV介绍cmd安装模块读取图片python OpenCV介绍OpenCV是一个基于BSD许可(开源)发行的跨平台计算机视觉库,可以运行在Linux、Windows、Android和Mac OS操作系统上。OpenCV可用于开发实时的图像处理、计算机视觉以及模式识别程序。它轻量级而且高效——由一系列 C 函数和少量 C++ 类构成,同时提供了Python、Ruby、MATLAB等语言的接口,实现了图像处理和计算机视觉方面的很多通用算法。cmd安装模块pi

Eruka启动报错Could not initialize Eureka servlet context-程序员秘密

"C:\Program Files\Java\jdk-11.0.12\bin\java.exe" -XX:TieredStopAtLevel=1 -noverify -Dspring.output.ansi.enabled=always "-javaagent:C:\Program Files\JetBrains\IntelliJ IDEA 2021.1.1\lib\idea_rt.jar=59647:C:\Program Files\JetBrains\IntelliJ IDEA 2021.1.1\bin

JAVA多线程-对象及变量的并发访问(二)volatile关键字_进击的马小林的博客-程序员秘密

三、Volatile关键字    关键字volatile的主要作用是使变量在多个线程间可见。3.1 关键字volatile与死循环测试案例: 我想通过改变flag的值,从而停止对service的test()方法,进行停止。package org.jksoft.thread.Volatile;public class Test1 { public static void main(S

使用STS工具创建Spring Boot或Spring MVC项目_笑傲穹苍的博客-程序员秘密

第一次使用 Spring Tool Suite,感觉很好用,但是想使用 Spring Starter Project 创建一个 Spring MVC 项目,却不知道怎么做。费了好大劲儿,终于搞明白了,特此记录一下。   注:Spring Tool Suite Version: 3.9.2.RELEASE创建新的 Spring Starter Project。  点击菜单 File -> New

(三)ncnn | PaddleDetection + FCOS + Android Studio_paddledetection 视频裁剪_zhangts20的博客-程序员秘密

本文以目标检测模型 FCOS 为例,详细介绍从使用 PaddleDetection 训练模型,到最终部署到移动端安卓设备的全流程。

随便推点

Workflow Core + asp.net core 5.0 实现简单审批工作流_dotNET跨平台的博客-程序员秘密

我们知道企业业务系统到处都可以审批工作流的,但也很少有像OA系统一样复杂多级多条件的审批工作流需要设计,所以我们需要一个轻量级的容易上手的workflow框架,通过GitHub,我发现da...

项目开发流程概要_开发概要是啥_寂寞倾城的博客-程序员秘密

1.立项 市场调研,项目针对年龄层次 2.需求分析(产品经理) 向客户确认需求,根据需求列出项目的大模块,此时可以定义一些相关的初始界面向客户深入讨论需求。确定大模块下面的子模块,确定模块里面的功能点。最后确认需求。 3.概要设计(项目架构) 基本的处理流程:项目功能的实现,数据的存储 系统的组织结构 模块划分:模块(页面)的关联性 功能分配:模块功能 接口设计:编码中的接口 运

RabbitMQ-C初探_獠的博客-程序员秘密

http://blog.csdn.net/cnhome/article/details/9222833  RabbitMQ着实是个好东西,当然了也有对C语言client开发的支持。例子和文档少的可怜,只能去项目里去查看example来理解,简单整理了一些,以免走些弯路。主要是在版本对应上,这点就没Maven好了,只能对好类库和例子。接下来我们简单看看需要的东东。环境:Ubuntu

QML,QT, QT Quick关系_qt和qml 关系_曼纳克的博客-程序员秘密

文章纯转载:原博客 http://blog.csdn.net/liang19890820/article/details/54141552?_t_t_t=0.17639262586680948 谢谢 作者:一去丶二三里!!!看了之前关于 QML 的一些介绍,很多人难免会有一些疑惑:Q1:QML 和 Qt Quick 之间有什么区别? Q2:QtQuick 1.x 和 QtQuick 2.x 之间有

Unity的车漆材质_unity车漆shader_天富儿的博客-程序员秘密

车漆资源介绍资源链接资源介绍这是可以反射出周围环境的车漆材质,不过反射的也只不过是在材质球中提前设置好的Cubemap的图片。需要Unity 5.1.2或更高版本。 基于物理的汽车遮阳,汽车油漆,布,金属和塑料表面遮阳。 支持: >漫反射贴图 >法线贴图 >镜面映射 >环境Oclussion地图 >环境反射>环境颜色反射资源链接https://download.csdn.net/download/f_957995490/12505621...

推荐文章

热门文章

相关标签