网页加载完成后立即执行的函数——window.onload事件

最新推荐文章于 2022-04-21 14:24:08 发布

宇龍_

最新推荐文章于 2022-04-21 14:24:08 发布

阅读量1.7k

点赞数

分类专栏： ActiveX 前端

本文为博主原创文章，未经允许禁止转载！

本文链接：https://blog.csdn.net/Think88666/article/details/106944759

版权

ActiveX 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

前端

8 篇文章 0 订阅

订阅专栏

为什么要使用window.onload()?
有很多时候我们需要等待HTML 文档渲染完成后再通过Js去访问一些文档元素，否则可能会出现报undefined错误的情况。
调用例子如下:

<script type="text/javascript">
    window.onload=function(){
        document.getElementById("bg").style.backgroundColor="#F00";
    }
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

宇龍_

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JavaScript--DOM--当DOM树结构完整时，调用指定方法 -- window.onload

norang的博客

06-06

200

如果把这段代码存入外部JavaScript文件，它们将无法正常运行。因为这段代码的第一行是： var links = document.getElementsByTagName("a"); 这条语句将在JavaScript文件被加载时立刻执行。如果JavaScript文件是从HTML文档的<head> 部分用<script> 标签调用的，它将在HTML文档之前加载到浏览器里。同样，如果<script> 标签位于文档底部 </body> 之前，就不能保证

在网页加载完成后执行——body的onload()

热门推荐

Winter--王大梅

10-26

1万+

一个师哥说过：前台开发，往往一个问题纠结半天，还没有技术含量。对这些真的是深有体会了。还是要多多积累吧。最近遇到了一个问题：点击datagrid的行，跳转到相应的详情界面，并进行一系列的查询然后将内容返回到页面上。这时，问题就来了。先说一下一开始我的代码： datagrid行单击事件： $("#dgApply").datagrid({ onClickRow:function

参与评论您还未登录，请先登录后发表或查看评论

jQuery事件处理之页面加载处理函数，即页面加载完成后需要进行处理的程序。其中包括三种不同的函数写法和其余原生onload时间的区别

weixin_42965737的博客

09-13

400

在html页面中可以将页面加载后的处理函数通过标签写在html页面中的body标签之后，这样才能在html代码执行完成之后执行，否则就会出现问题。下面介绍一下基于jQuery的函数来解决这个问题。相关语法如下：方法1 $(document).ready(function(){ //加载完成后执行的操作 }); 方法2 $().ready(function(){ //加载...

js事件

lysunki的博客

03-01

onload 事件会在页面或图像加载完成后立即发生。

html加载后自动运行js,如何在DOM元素加载完毕后执行js代码以及DOM加载过程

weixin_39554170的博客

05-31

1147

最近在写一个动态菜单。即，根据用户角色权限生成菜单选项。动态菜单采用js进行html代码拼接，再append到相应的节点。但是存在一个问题，就是菜单功能的js代码会在DOM元素加载完成之前执行，也就是菜单生成之前执行，所以所有绑定的菜单点击事件都不能执行。认识DOM和DOM加载过程以及如何让DOM加载完成后再执行js脚本文件DOM加载过程：网页文档加载都是按顺序执行的。一般浏览器渲染操作顺序大致是...

js之onload事件的一点使用心得

10-27

在JavaScript编程中，页面加载完成后的操作常常需要用到一个特定的事件处理器——onload事件。本文将深入探讨onload事件在JavaScript中的使用心得，以及如何正确地利用这一事件来确保相关代码在页面加载完毕后执行。...

js [removed] 加载多个函数和追加函数详解

10-26

在JavaScript开发过程中，页面加载完成的事件——window.onload——是一个非常重要的事件。通常在页面加载完毕后我们需要执行一些初始化的代码，比如设置样式、初始化DOM元素的值、绑定事件等。但在早期的JavaScript...

javascript基础——window对象（screen、history、location、navigator、window对象常用方法、window对象常用事件）

ranran0306的博客

04-21

1839

javascript基础——window对象（screen、history、location、navigator、window对象常用方法、window对象常用事件）

PHP下ajax跨域的解决方案之window.name实例分析

10-15

在这个示例中，`loadfunc`函数负责处理加载事件。第一次加载时，它将`iframe`指向`www.b.com/data.html`；当`iframe`内容加载完成后，再次触发`loadfunc`，这次将`iframe`指向`proxy.html`，然后读取并解析`window....

javascript addLoadEvent函数的使用/页面加载完毕后立刻执行多个函数

xiamocsdn的博客

02-27

256

- 如何在页面加载完成后立即执行多个函数？当我们希望事件处理函数在页面加载完毕后立刻执行时，会用到window.onload，但如果我们有多个函数，我们希望它们在页面加载完毕时都能够得到执行该怎么办呢？如果把它们绑定到window.onload事件上，那么它们会被逐一覆盖，只有最后一个会被执行： window.firstFunction; window.secondFunction; wind...

加载结束后触发的事件

wcg83的专栏

07-03

710

window.onload = function main() { alert(加载完毕后遇到JS提示); var url=65; alert(加载遇到定义变量+url); }

通用domReady方法，类似于jquery

summer7310的专栏

10-04

740

function myReady(fn){ //对于现代浏览器，对DOMContentLoaded事件的处理采用标准的事件绑定方式 if ( document.addEventListener ) { document.addEventListener("DOMContentLoaded", fn, false); } else {

页面打开直接执行a点击事件

weixin_30628801的博客

06-16

230

angularjs渲染完成后触发事件

ion_L的博客

04-10

2869

通常的Web程序，我们需要在页面加载完成的时候执行某些特定的操作，在没有AngularJs的时候一般采用的是监听onLoad event。但在使用AngularJs来渲染页面时，onLoad不能保证AngularJs已经完成了页面的渲染。最常见的情况就是用AngularJs来加载某个数据Table，我们得等这个Table加载完之后对Table上的数据进行操作，但因为这个Table是由Angular...

JavaScript--JQuery事件 & 当网页元素加载完成后再去执行事件

天行健君子以自强不息，地势坤君子以厚德载物。

07-15

2322

1. JQuery事件这里的selector都是CSS选择器的语法 CSS选择器示例1 弹出提示框: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <script src="lib/jq.js"></scr

DOM事件

weixin_42533732的博客

07-29

598

事件事件的概念要完成事件编程需要满足三部分要求：事件源:指定事件的源对象，找到某个绑定事件的元素事件函数（完成业务），绑定事件过后，执行的业务逻辑。事件对象：在触发这个时间的时候，给你默认封装一个对象，这个对象里面包含的执行事件的一些信息。 js基于事件驱动的一种编程方式，事件一直都有，只是你没有监听这个时间，开发中需要完成某个事件的业务操作，我们就需要在事件源里面绑定一个事件（监听这个动作）—触发我们的事件函数，传递一个event对象 const odiv = document.getEle

window.onload匿名方法采坑

weixin_45190226的博客

01-14

460

业务需求描述： 1.点击button按钮向span节点中添加文本内容。 2.设置span节点的边框样式，背景颜色，宽度和高度。下面是原始错误的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>verification</title> </head> <style> #buttonObj{ma

JavaScript学习篇（7）

weixin_30326515的博客

02-15

104

DOMtree 获取元素样式获得 document.getElementById(“id 名称”); 例子： <body><p style="我一个p</p><script>window.onload = function(){var p1 = document.getElementById("p1");...