`

通过js给页面元素添加事件

阅读更多
<script>  
function b(){  
 alert("我被click了!!5555~~~~~~~~~~");  
}  
  
function a(){  
 good.onclick=b; //注意onclick不能写成onClick,要不没效果的。  
}  
  
</script>  
<div id="good" style="height:100px; width:100px;background:#323923;color:white;">点我啊</div>  
  
<input type=button value="添加点击事件" onclick="a();">  

分享到:
评论

相关推荐

    jQuery为动态生成的select元素添加事件的方法

    8. 总结:通过使用jQuery的事件委托技术,开发者可以有效地为动态生成的元素添加事件处理器。这种方式不仅节省了资源,还提高了代码的效率和可维护性。在实际开发中,这种方法被广泛应用于各种需要动态内容更新的...

    js生成动态表格并为每个单元格添加单击事件的方法

    在提供的代码片段中,使用了`getElementById`方法来获取页面上的表格元素,然后通过`document.createElement`方法来动态创建`&lt;tr&gt;`(表格行)和`&lt;td&gt;`(表格单元格)。通过循环的方式为每一行和每一列创建相应的元素...

    通过js给html元素赋值

    ### 通过JS给HTML元素赋值 在网页开发过程中,JavaScript(简称JS)是一种非常重要的客户端脚本语言,常用于动态地控制HTML页面中的元素。本文将详细介绍如何使用JavaScript为HTML元素赋值,并探讨多种赋值方法。 ...

    页面滚动时为元素动态添加class类的jquery插件

    `jQuery-scrollAddclass`插件简化了在页面滚动时为元素添加class的过程,通过与CSS结合,可以轻松创建出各种动态效果。正确理解和使用这款插件,能为你的网页带来更加生动有趣的用户体验。记得根据项目需求进行适当...

    页面div拖动交换位置,动态添加删除页面元素

    在网页开发中,实现页面元素如`div`的拖动交换位置...同时,配合自定义的JavaScript函数,用户还可以动态地添加和删除页面元素,增强了交互性和灵活性。项目的样式通过CSS进行控制,确保了良好的视觉效果和用户体验。

    JS实现为动态创建的元素添加事件操作示例

    本篇文章将详细介绍如何使用 JavaScript(包括原生 JavaScript 和 jQuery)为动态创建的元素添加事件。 1. **原生 JavaScript 实现** 在原生 JavaScript 中,我们可以使用 `addEventListener` 或 `attachEvent`...

    js事件监听机制(事件捕获)总结

    使用addEventListener方法为元素添加事件监听是推荐的方式,因为它允许为同一个元素的同一个事件添加多个监听器,而且不会覆盖之前添加的监听器。而直接在对象上赋值事件处理器的方式则有限制,通常只能绑定一个函数...

    使用JavaScript事件综合查询,js事件大全

    2. DOM0级事件处理:通过JavaScript直接赋值给元素的事件属性,如`element.onclick = function() {...}`。 3. DOM2级事件处理:使用`addEventListener`和`removeEventListener`方法来添加和移除事件处理程序,支持多...

    通过js脚本实现动态添加HTML标签

    在网页开发中,JavaScript是一种非常重要的脚本语言,它允许我们与用户进行交互,并动态地修改页面内容。本文将深入探讨如何通过...无论是简单的元素添加还是复杂的页面交互,JavaScript都是实现动态HTML的关键。

    Jquery子页面获取父页面元素,子页面向父页面添加元素

    父页面动态的获取子页面的元素,以及弹出子页面的时候获取父页面的元素;

    原生JS操作网页给p元素添加onclick事件及表格隔行变色

    原生JavaScript(简称原生JS)是一种不需要任何外部库...通过具体的示例代码,展示了如何给p元素添加onclick事件以及如何给表格实现隔行变色。这对于学习和深入理解JavaScript在Web开发中的作用具有很好的参考价值。

    Javascript实现网页元素拖拽排序

    拖拽排序允许用户通过直观地拖动元素来改变它们在页面上的顺序,增强了用户体验。本文将深入探讨如何使用JavaScript来实现这一功能。 首先,我们需要了解HTML中的`&lt;draggable&gt;`属性。这个属性可以直接应用到任何...

    js 动态给元素添加、移除事件的实现方法

    在JavaScript开发中,动态给元素添加和移除事件处理程序是非常常见的操作,它们允许我们根据用户的交互或其他情况对页面上的元素作出响应。这篇文章主要介绍了如何使用JavaScript内置的方法addEventListener和...

    事件集合js事件集合js事件集合

    事件处理主要通过事件监听器(event listeners)来实现,它们允许我们为同一个元素绑定多个事件,或者在一个元素上同时处理多种类型的事件。 事件集合包括多种类型的事件,例如: 1. 鼠标事件:click(点击)、...

    svg小例子(主要是鼠标事件)

    DOM允许我们通过JavaScript来操控页面上的元素,包括SVG元素。 在实际应用中,SVG与JavaScript的结合可以实现许多创意丰富的交互式图形设计。例如,动态图表、可交互的地图、按钮和指示器等。了解并熟练运用SVG鼠标...

    动态添加删除表单元素

    同时,还可以为元素添加事件监听器,比如`element.addEventListener('keyup', function() {...})`,以便在用户输入时执行特定操作。 3. 插入到DOM:最后,使用`appendChild()`或`insertBefore()`方法将新元素添加到...

    JS简单添加元素新节点的方法示例

    本示例主要讲解了如何使用JavaScript来创建、添加和克隆页面元素节点,这些都是前端开发中常见的操作。下面将详细解析这些方法: 首先,我们获取页面上的某个特定元素。在这个例子中,我们通过`getElementById`方法...

    JavaScript程序设计——事件处理实验报告.docx

    - **JavaScript事件注册**:通过`addEventListener`或`attachEvent`(IE浏览器)为元素添加事件监听器,也可以使用HTML属性直接绑定事件处理函数,如`onclick="functionName()"`。 - **事件处理函数**:定义函数来...

    JS实现动态给图片添加边框的方法

    在互联网开发中,对图片进行操作是一项常见的需求。例如,我们可能需要动态地为图片添加边框,以便更好地展示...通过本文介绍的方法,开发者可以灵活地在不同场景下给图片添加边框,以增强页面的视觉效果和用户体验。

    js监听html页面的上下滚动事件方法.docx

    在上面的代码中,我们将 `onscroll` 事件处理程序添加到 `&lt;body&gt;` 元素上,并将其设置为 `scroll()` 函数。 scroll() 函数 `scroll()` 函数是我们定义的事件处理程序,当用户滚动页面时,该函数将被触发。在该函数...

Global site tag (gtag.js) - Google Analytics