java两种绑定方式_Javascript绑定事件的两种方式的区别
命名函数
function check(){
//code
}
匿名函数
window.onload = function(){
//先获取元素对象,再绑定事件,绑定的是匿名函数不可重用
var btn = document.getElementById("btn");
btn.onclick = function(){
//code
}
}
以前一直以为两种方式的区别不大,直到今天遇到这段代码
//每次点击给图片地址后面加随机的查询参数
function change(){
this.src = "/path?num="+Math.random();
}
运行后发现,点击后src没有变化,调试发现,这里this是window对象,而不是img标签对象。
顿时感觉有点迷惑,因为以前绑定事件中,拿标签属性都是用的this,怎么这里不对了?
原来是我搞混了,两种绑定方式的区别。
命名函数声明是窗口的对象中,this代表窗口对象。
匿名函数声明实际是在标签对象内部,this代表标签对象。
如果要在命名函数中拿到对应的元素对象,可以这样写
function change(element){
element.value = "new_btn";
}
java两种绑定方式_Javascript绑定事件的两种方式的区别相关推荐
- Java Swing Button控件点击事件的几种写法
1.使用匿名内部类 第一种写法 ActionListener listener = new ActionListener(){@Overridepublic void actionPerformed( ...
- java中onclick的用法_JavaScript onclick事件使用方法详解
onclick是一个事件,当事件被触发时就会执行处理,onclick是一个处理鼠标点击的事件.本篇文章就给大家分享关于JavaScript中onclick事件的用法. 我们首先来看一下onclick事 ...
- jQuery绑定点击事件和改变事件的几种方式以及多个元素绑定多个事件
jQuery绑定点击事件和改变事件的几种方式以及多个元素绑定多个事件 简单的html页面: <!DOCTYPE html> <html lang="en"> ...
- android四种点击事件,android点击事件的四种方式
android点击事件的四种方式 第一种方式:创建内部类实现点击事件 代码如下: package com.example.dail; import android.text.TextUtils; im ...
- java多个事件_window.onload绑定多个事件的两种解决方案
前言 有些函数,必须在网页加载完毕 网页加载完毕时会触发一个onload事件,将函数绑定到这个事件上即可. 复制代码 代码如下: window.onload = myFuncti编程客栈on; 问题来 ...
- java c 事件对比_javacsript绑定事件的三种方式与各自特点
javacsript绑定事件的三种方式与各自特点 javacsript绑定事件的三种方式与各自特点 点击打开链接 javacsript绑定事件的三种方式与各自特点 feipeng8848 2017-0 ...
- 为元素绑定多个相同事件 绑定事件的另一种方式 复习 介绍 元素的事件绑定
为元素绑定多个相同事件 <!DOCTYPE html> <html lang="en"> <head><meta charset=&quo ...
- android如何绑定事件,Android_安卓为按钮控件绑定事件的五种方式
一.写在最前面 本次,来介绍一下安卓中为控件--Button绑定事件的五种方式. 二.具体的实现 第一种:直接绑定在Button控件上: 步骤1.在Button控件上设置android:onClick ...
- Android_安卓为按钮控件绑定事件的五种方式
写在最前面 本次,来介绍一下安卓中为控件--Button绑定事件的五种方式. 二.具体的实现 第一种:直接绑定在Button控件上: 步骤1.在Button控件上设置android:onClick=& ...
最新文章
- indexes和indices的区别(下标)
- 双指针解决数组排序问题
- 一台机子上运行使用不同Java版本的多个tomcat
- 用JavaScript实现100以内自然数求和
- mysql选择索引逻辑_Mysql索引选择逻辑
- .NET 机器学习生态调查
- gtest 编译、安装和使用
- C语言scanf:获取输入的内容
- Hbuilder开发HTML5 APP之图标和启动页制作
- 贴吧粉丝怎么全部移除_亚马逊FBA怎么发货?怎么把货发到FBA仓库?
- OJ 上常见错误提示
- 常用路由器的帐号和密码大全
- Python数值和偏微分方程解
- Google地图开发API
- 计算机桌面任务栏过宽怎么处理,任务栏变宽了怎么办 还原变宽任务栏的方法【图文教程】...
- 如何在康佳电视上看音乐MV
- es 初识调研,相关知识点汇总
- python获取当前计算机cpu数量
- 网站获取微信授权登录功能
- 苹果6系统怎么更新不了_苹果手机系统怎么降级
热门文章
- Android - 基于Toolbar的Navigation Drawer(Material Design)
- Netty 中 IOException: Connection reset by peer 与 java.nio.channels.ClosedChannelException: null
- jQuery选择元素
- kali linux重启网络服务报错,Web安全学习笔记之在Kali Linux上安装Openvas以及启动失败修复...
- pom添加mysql依赖tomcat崩溃_Spring Boot + Mybatis + Spring MVC环境配置(一) :Spring Boot初始化,依赖添加...
- skywalking 源码解析——多线程变量传递 EnhancedInstance
- CentOS7 2.新项目上线脚本
- mpvue 微信小程序 Image 图片实现宽度100%,高度自适应
- Z-Blog 扩展数据库 字段 二次开发
- ASP调用.Net dll