`

js控制onclick事件实例

阅读更多
<html>
	<head> 
  </head>
<body>
	<button id="a1">点击</button>
	<script>
	function test(){
		document.getElementById("a1").onclick=function(){alert('this is a1');};
		//下面这种写法是不对的
		//document.getElementById("a1").onclick="alert('this is a1');";
	}
	test();
</script>
</body>
</html>
 

 

分享到:
评论

相关推荐

    JavaScript给按钮绑定点击事件(onclick)的方法

    本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法。分享给大家供大家参考。具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;...

    给flash加onclick事件

    4. **添加onclick事件**:在MovieClip对象上添加onclick事件监听器,需要使用`addEventListener`方法。例如: ```actionscript myMovieClip.addEventListener(MouseEvent.CLICK, handleClick); ``` 这里,`...

    JavaScript onclick事件使用方法详解

    JavaScript中的`onclick`事件是网页交互的核心组成部分,它允许开发者定义当用户点击DOM元素时执行的特定功能。本文将深入探讨`onclick`事件的工作原理、使用方法以及几个实用示例。 `onclick`事件是一个内联事件...

    js动态添加的DIV中的onclick事件简单实例

    动态添加onclick事件: &lt;input type=button value=我是 button id=bu&gt; [removed] var bObj=document.getElementById(bu); bObj.onclick= objclick; function objclick(){alert&#40;this.value&#41;}; ...

    莱鸟介绍javascript onclick事件

    下面是一个使用onclick事件的实例代码。这段代码展示了一个简单的网页,其中包含一个红色的方块(DIV元素)。当用户点击这个方块时,它的背景颜色会从红色变成绿色。具体代码如下: ```html &lt;!DOCTYPE HTML&gt; ***...

    js给onclick事件赋值,动态传参数实例解说

    总结来说,当需要给JavaScript中的`onclick`事件赋值并动态传递参数时,应当避免直接调用函数并将其结果赋给`onclick`。相反,应使用匿名函数来封装函数调用,并在其中传递参数,以此确保事件处理器正确地设置并能在...

    网页编程JAVASCRIPT实例代码

    通过学习这些实例,我们可以深入理解JavaScript在网页开发中的各种用途,包括事件处理、DOM操作、表单验证、动画效果等。同时,也能体会到JavaScript如何与HTML和CSS紧密结合,创造出丰富多样的用户体验。对于初学者...

    js表单验证控制代码部分实例大全

    根据给定的信息,本文将对JS表单验证的相关知识点进行详细的阐述,并且提供具体实例来帮助理解这些概念。 ### 1. JS 表单验证控制:Textarea 长度限制 在网页表单中,经常需要对用户输入的数据进行长度限制,特别...

    javascript实例代码集

    1. **基础语法**: JavaScript的基础包括变量声明、数据类型(如字符串、数字、布尔值、对象和数组)、控制结构(如条件语句if/else,循环for/while),以及函数定义和调用。这些是所有编程的基石,理解它们对于编写...

    JavaScript实例教程

    在互联网技术中,JavaScript是一种被广泛应用于网页中执行动态效果和控制的脚本语言。JavaScript实例教程着重于通过具体实例来讲解JavaScript编程中的关键概念和编程技巧。本次我们将围绕以下几个重要知识点展开详细...

    javascript事件处理模型实例说明

    本文详细介绍了JavaScript事件处理模型,重点讲述了Internet Explorer(IE)和Mozilla Firefox(火狐)这两款主流浏览器在添加和删除事件监听器方面的差异,以及提供了一个通用的解决方案,从而允许开发者能够编写...

    a标签href属性与onclick事件使用实例

    在`&lt;a&gt;`标签中,`onclick`事件可以用来执行JavaScript代码,包括页面跳转。例如: ```html &lt;a onclick="window.location.href='https://www.jb51.net'"&gt;我们 ``` 这里,点击"我们"后,JavaScript代码`window....

    JavaScript事件冒泡与事件捕获实例分析

    本文实例讲述了JavaScript事件冒泡与事件捕获。分享给大家供大家参考,具体如下: 1、事件冒泡 在一个对象上触发某类事件,如onclick事件等,在其祖先节点上也会依次触发该事件。 &lt;body onclick=alert&#40;'body...

    JavaScript学习习题和实例

    但在JavaScript中,例如事件处理程序的名称如`onClick`必须使用小写字母,即`onclick`。此外,在XHTML中也应使用小写字母。 为了避免混淆,建议始终使用小写字母,并在每行语句末尾加上分号。 #### 三、注释 ...

    BHO开发实例之文档对象事件响应

    在这个实例中,我们将深入探讨如何开发一个BHO来响应文档对象的事件,特别是对`IHtmlDocument`接口的`onclick`事件的处理。 首先,理解BHO的基础知识至关重要。BHO是COM组件,它通过实现`IBrowserService`和`...

    JS基于onclick事件实现单个按钮的编辑与保存功能示例

    这个示例利用了JavaScript中的事件监听机制,通过按钮的onclick事件来切换不同的函数,以此来实现编辑和保存操作。 首先,我们来解析一下标题中的关键词。"JS"指代JavaScript,这是一种广泛用于网页开发的脚本语言...

    JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法

    本文实例讲述了JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法。分享给大家供大家参考,具体如下: 最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2个事件,如果按照正常的方式...

Global site tag (gtag.js) - Google Analytics