被遗弃的HTML事件处理程序

　　HTML事件处理程序就是JS和HTML没有分离，直接写在了一起。

　　例：

　　点击按钮后，就会弹出

　　上面的例子是直接把事件写进了HTML里面，我们也可以跟下面这样调用：

　　这样写其实是很不方便的，因为JS和HTML没有分离，函数名改了以后，我还要到HTML中寻找这个函数，更改，如果特别多的话，找起来也是个大麻烦。

　　这样的写法其实已经被摒弃了。

时间： 2024-08-24 20:41:29

被遗弃的HTML事件处理程序的相关文章

JavaScript之事件处理程序

一.原生JavaScript事件处理程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="EvenUtil.js" charset="UTF-8"></script> <script src="demo1.js" charset

如何写一个跨浏览器的事件处理程序 js

如何写一个合格的事件处理程序,看如下代码: EventUtil可以直接拿去用不谢 <!DOCTYPE html> <html> <head> <title> </title> </head> <body> <input type="button" name="ids" id="ids" value="value"> <sc

IE attachEvent事件处理程序(事件绑定的函数)的this指向的是window不是执行当前事件的dom元素

IE attachEvent事件处理程序(事件绑定的函数)的this指向的是window不是执行当前事件的dom元素. attachEvent(type,listener); listener函数中的this不是指向执行当前事件的dom而是window切记,感觉这一点IE做的太奇怪了!

项目中有时候会不用jquery这么好用的框架,需要自己封装一些事件对象和事件处理程序,像封装AJAX那样:这里面考虑最多的还是浏览器的兼容问题,原生js封装如下:var EventUtil={ //节点.事件名.事件处理函数 addHanler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false);//这里一个参数为false意为在事件冒

处理跨浏览器的事件处理程序

事件:事件是用户或浏览器自身执行的某些动作,例如 : click load mouseover 事件处理程序:用于响应某个事件的函数在不同的浏览器,DOM中,事件处理程序是响应某个事件的函数 DOM0:中事件处理函数 event:onclick=function 删除程序:event:onclick=null: DOM 2:addEventListener() removeEventListener(); 他们都接受三个参数,要处理的事

事件处理程序

事件处理程序: 1 var EventUtil={ 2 addHandler:function(element,type,handler){ 3 if(element.addEventListener){ //DOM2级处理程序 4 element.addEventListener(type,handler,flase) 5 } 6 else if{ 7 element.attachEvent("on"+type,handler); //IE处理程序 8 } 9 else { 10 e

探究JavaScript中的五种事件处理程序

我们知道JavaScript与HTML之间的交互是通过事件实现的.事件最早是在IE3和Netscape Navigator 2中出现的,当时是作为分担服务器运算负载的一种手段. 通俗地理解,事件就是用户或浏览器自身执行的某种操作.而事件处理程序即为响应某个事件的函数.抽出主干,即事件处理程序为函数. 我们又把事件处理程序称为事件侦听器. 事件处理程序是以"on"开头的,因此对于事件on的时间处理程序即为onclick.时间处理程序在JavaScript中大致有五种,下面会根据这五种

DOM事件处理程序

addEventListener() 和 removeEventListener(), 所有 DOM 节点中都包含这两个方法,并且它们都接受 3 个参数: 要处理的事件名. 作为事件处理程序的函数一个布尔值.最后这个布尔值参数如果是 true,表示在捕获阶段调用事件处理程序:如果是 false,表示在冒泡阶段调用事件处理程序. var btn = document.getElementById("myBtn"); var handler = function(){ alert(t

DOM事件探秘之事件流与事件处理程序

1.事件流:描述的是从页面中接受事件的顺序 ①.事件冒泡流:即时间最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档). 栗子:若<body><div><input type="button"/></div></body>次结构,点击按钮时,默认点了按钮的容器默认点了body,默认点了html,默认点了document. ②.事件捕获:不太具体的节点应该更早接收到事