javascript中的window.onload解释
window.onload
我们都知道的是我们的前端页面都是从上向下加载,也就是说我们的javascript文件如果放在文本页面文件的上方,我们就会先加载javascript中的文件,而此时带来的问题就是,我们的javascript中的事件对象此时有可能还未被加载,导致代码错误。
我们的window.onload可以很好地有效的解决这个问题。我们都知道,window.onload代表的是一个事件,也就是该事件的发生会导致函数的调用。而window.onload代表的事件就是页面加载的结束,也就是说,不管我们的javascrpid的代码放到哪里,我们都会在页面元素加载完毕之后执行我们的javascript代码。
事件和代码的执行顺序
这里我强调的是事件的发生和javascript代码的执行的关系
这里举个例子
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<script type="text/javascript">window.onload = function (){var one = document.getElementById("123");one.onclick = function () {alert("456");}alert("123");}
</script>
<body>
<button id="123">123</button>
</body>
</html>
这里我们开启浏览器得到的结果是
1、先会弹出123
2、当我们点击123按钮时,弹出456
首先弹出123可以用我们上面讲的来证实,就是会在页面元素加载完成后自动弹出123,当我们点击按钮事件发生时,我们有弹出456,注意此时的123虽然在点击事件发生的下面,但是并不不会被执行,事件发生后之后运行绑定函数内的代码。
javascript中的window.onload解释相关推荐
- JavaScript 中的 window onload 应该什么时候写
JavaScript 中的 window onload 应该什么时候写 1. 页内式 JS 代码 1.1 页内式 JS 代码写在 head 内部 如果 script 标签写在 head 标签内部,则位 ...
- js中的window.onload和jquery中的load区别的讲解
JavaScript 中的以下代码 [javascript] view plaincopyprint? Window.onload = function (){ // 编写代码 } Wind ...
- JavaScript中的window.close在FireFox和Chrome上不能正常动作的解决方法
原文:JavaScript中的window.close在FireFox和Chrome上不能正常动作的解决方法 JS中关闭窗口的方法window.close()在IE上能够正常动作,而在FireFox和 ...
- JavaScript中的Window窗口对象【转载】
本文转载自:http://www.ijavascript.cn/jiaocheng/javascript-window-65.html 他是JavaScript中最大的对象,它描述的是一个浏览器窗口. ...
- javascript中ready和onload的理解
首先,document.ready和window.onload都是原生js的,但是js并没有实现ready方法,需要自己实现,或者使用jQuery的文档就绪方法:而onload在没定义方法之前,也只是 ...
- javascript 中的window, document, screen都有什么区别?
谷歌之后,从stackoverflow上找到的高赞答案: https://stackoverflow.com/questions/9895202/what-is-the-difference-betw ...
- python点击事件onclick_巨蟒python全栈开发数据库前端6:事件onclick的两种绑定方式onblur和onfocus事件window.onload解释小米商城讲解...
1.回顾上节内容(JavaScript) 一.JavaScript概述 1.ECMAScript和JavaScript的关系 2.ECMAScript的历史 3.JavaScript是一门前后端都可以 ...
- JavaScript中的window对象详解
1.window对象简介 (1)在JavaScript中,一个浏览器窗口就是一个window对象. (2)一个窗口就是一个window对象,这个窗口里面的HTML文档就是一个document对象,do ...
- parent.window php,javascript中的window.self、window.top、window.parent和window.opener详解
在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法 ...
最新文章
- mysql _rowid_mysql 5.7 _rowid虚列之一
- 【Effective Java】1.静态工厂方法来替换构造函数
- Word论文写作如何实现公式居中、编号右对齐
- 类属性、类方法;私有属性、公有属性;私有方法、公有方法;静态属性、静态方法;python的命名规范__xx__\__xx\_xx(自用笔记)
- irq domain介绍和代码导读
- 方立勋_30天掌握JavaWeb_Servlet Filter(过滤器)未完
- 【Java】列表、集合、哈希表和可变参数
- C++ main函数中参数argc和argv相关定义与研究
- 计算机系统的组成一般不包括,建筑设备监控子系统组成一般不包括( )A.中央计算机系统B.布线系统C.DDCD.各类传感器及执 - 作业在线问答...
- 资产管理软件 GLPI的安装(转)
- BZOJ1296[SCOI2009] 粉刷匠
- SPC统计及控制图系列标准
- 计算机上怎么在表格输入分秒,“excel表格怎么输入角度“excel 表格中怎么输入分秒的符号...
- 四分位数和百分位数_20种四分位数
- VS2010扩展VAX的安装使用
- 大数据基础知识之什么是服务器什么是集群
- 一篇文让你看懂NB-IoT、LoRa、eMTC、Sigfox及ZigBee的应用场景
- 《Accurate 3D Face Reconstruction with Weakly-Supervised Learning: From Single Image to Image Set》
- 赶集网和58同城网的赌局
- 上海户口计算机考试有用吗,上海居转户这9个问题你必须要清楚!对你的上海户口有帮助!...
热门文章
- 服务器微信了早上好,微信早晨好问候语句动态图片 早上好发给朋友的微信早安问候语简短...
- 顺丰bsp系统 java_顺丰BSP接口SOAP的请求示例
- MD编辑器就是不告诉你之表情
- 通过宝塔面板,定时清除Docker日志空间
- Windows下Nexus 5的Android 5.0以上版本官方ROM的刷机教程
- robotframework中文乱码---robotframework日志输出时出现中文以unicode编码方式
- 二层基本知识点(二)
- 2023年节假日数据放假补班数据json
- OpenGL---GLUT教程 GLUT初始化
- 齐鲁理工学院计算机专业在哪个校区,齐鲁理工学院有几个校区,哪个校区最好及各校区介绍...