window.onload以及事件监听器
来源:互联网 发布:天翼云盘直链源码 编辑:程序博客网 时间:2024/05/24 05:10
一般我们写原生js的时候,如果js写在body上方的话,我们需要这么写
<script>
window.onload=function(){}
</script>
这是由于我们的执行js的时候,body里面的dom元素并没有载入,所以此时我们需要在js告诉浏览器,在整个dom元素加载完毕后再
执行js!
同时js为我们提供了事件监听器的写法!
addEventListener(事件,匿名函数地址//函数名,true//表示捕获,false表示的是冒泡);IE9以上;
attachEvent('on'+事件,匿名函数地址或者//函数名,true or false);
标准版的绑定事件的函数;
冒泡事件流就是根据父节点慢慢的冒泡到里面的节点;
绑定事件的标准的写法
function addEvent(elem,eventType,func){
//容错
if(elem !=null && typeof elem=="object"){
if(-[1,]){
//IE9+
elem.addEventListener(eventType,func);
}else{
//IE6/7/8
elem.attachEvent("on"+eventType,func);
}
}else{
alert("对象没有获得或不是对象");
}
}
addEvent('window','load',function(){});
这样我们就可以直接在function里面执行我们的函数
0 0
- window.onload以及事件监听器
- html事件绑定总结以及window.onload和document.body.onload事件
- window.onload和body中的onload事件
- window onload 与 img onload事件
- window.onload 多个事件
- html 中页面的加载顺序以及window.onload 与body 标签里面的onload事件的对比
- jquery $(document).ready() 与window.onload的区别以及DOMContentLoaded事件
- JS中页面加载事件window.onload、onload()、document.onclick
- 给window对象绑定onload事件
- window.onload事件处理程序 innerHTML属性
- window.onload事件--attachEvent和addEventListener
- 同时处理多个window.onload事件
- window.open 子窗体的onload事件
- 解决window.onload事件重复赋值
- js中window.onload添加事件
- JS中window.onload事件详解
- window.onload事件的作用是什么
- 浏览器事件window.onload、o…
- 风险分析行业软件综述
- bzoj4503 两个串
- 易助ERP启动报错
- jqGrid获取选中行的部分数据
- strust2+spring3+hibernate整合之路(struts2的简单配置)
- window.onload以及事件监听器
- spring整合struts2
- bootstrap实战-起步案例的再编写
- 数据结构基本知识框图
- 安装windows+linux双系统是遇到的问题总结
- [数据挖掘]
- 漫步数学分析二十八——狄利克雷与阿贝尔测试
- Egret游戏引擎视频教程
- 利用单链表实现一元多项式的表示及相加