Javascript 中调参数的脚本onclick=select(this) this 怎么解释
解释1、
this,指当前的onclick所在的节点本身。
比如:
<div οnclick='select(this)"></div>
则当点击div时,this就是div这个dom节点。
解释2、
input标签中 οnclick="test(this)" 在浏览器解析后,会自动转换成 javascript的事件函数
input对象.onclick = function (event) {
test(this)
}
当以对象里的方法的方式调用函数时,函数内的 this 是调用该函数的对象
当函数被用作事件处理函数时,它的this指向触发事件的元素
解释3、
<!doctype html> <html lang="en"><head><meta charset="UTF-8"><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Document</title></head><body><div id="div1" style="width:300px;height:250px;background-color:red">div1</div><input type="button" value="黑色" οnclick="o.changeColor(this)"/> <!-- 这里的 this 是触发对象本身,作为参数传递给对象 o 的 changeColor 方法 --><input type="button" value="红色" οnclick="o.changeColor(this)"/> <script>var o = {bgcolor : 'red',obj : document.getElementById('div1'),changeColor:function(btn){// 这里的 this 是对象 o 本身,而传递进来的对象作为参数,被方法重命名了,即变量 btnthis.bgcolor = this.obj.style.background = btn.value=='黑色'?'black':'red';}}</script></body> </html>
转载于:https://www.cnblogs.com/51python/p/10677324.html
Javascript 中调参数的脚本onclick=select(this) this 怎么解释相关推荐
- JavaScript基础知识与脚本语言总结
1 Aptana插件安装 1.Aptana插件安装 <1>Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE. <2>它的特点包括: J ...
- APL在Web应用系列 --- 例子1: 在Web页面的javascript中 调用 apl脚本
这个专题 专门讲 APL平台在 Web中的应用. APL平台在Web中应用范围包括: 1. 在Web服务端应用: APL平台中, aplHttpServer.exe( APL中本地的Web服务器 ...
- javascript的参数_如何使用JavaScript制作参数家具
javascript的参数 by O-LAP 由O-LAP 如何使用JavaScript制作参数家具 (How you can make parametric furniture with JavaS ...
- Kettle的使用分享~动态参数~JS脚本~多文本文件输入
Kettle设置参数 通过js脚本设置参数变量并进行赋值,让参数变得可动态变化,便于后期定时任务的执行 生成记录 添加一个"输入->生成记录"对象,用于变量的声明 javas ...
- JavaScript常用的Hook脚本
JavaScript常用的Hook脚本 本文Hook脚本 来自 包子 页面最早加载代码Hook时机# 在source里 用dom事件断点的script断点 然后刷新网页,就会断在第一个js标签,这时候 ...
- JavaScript 函数参数
JavaScript 函数参数 JavaScript 函数对参数的值没有进行任何的检查. 函数显式参数(Parameters)与隐式参数(Arguments) functionName(paramet ...
- 深入理解javascript函数参数
arguments javascript对参数要求很随意,她才不管你传进来的参数是什么数据类型,甚至可以不传参数.实际上,javascript函数调用甚至不检查传入形参的个数. 1 function ...
- linux脚本怎么获取参数,在Bash shell脚本编程中,如何正确无误获取到“脚本选项参数”和“脚本参数”呢?...
Linnux 中有些命令的功能非常强大,主要是因为它支持的命令选项比较多.如:[ip]命令可以配置IP地址.路由条目的配置管理操作非常完善,该命令就可以完成[ifconfig]和[route]命令实现 ...
- JavaScript 函数参数是传值(byVal)还是传址(byRef)?
对于"JavaScript 函数参数是传值(byVal)还是传址(byRef)"这个问题,普遍存在一个误区:number,string等"简单类型"是传值,Nu ...
最新文章
- Linux 基金会透露未来 Linux 内核可能会引入形式验证
- web框架的前生今世--从servlet到spring mvc到spring boot
- SpringBoot 2.x 监控中心:Actuator
- Cocos 技术派:实时竞技小游戏技术实现分享
- 利用VSTS跟Kubernetes整合进行CI/CD
- 会议通知|第3届全国高校大数据教学研讨会
- hive取mysql数据oracle数据,Hive安装过程(mysql/oracle存储元数据)详解
- .net开源CMS系统使用教程之:如何用We7 CMS建设全新网站
- 苹果手机型号对应表及尺寸
- 调试错误,请回到请求来源地,重新发起请求。 错误代码 insufficient-isv-permissions 错误原因: ISV权限不足,建议在开发者中心检查对应功能是否已经添加
- dorado7.x argument type mismatch
- 计算机网络被限速,电脑网速被限制怎么办
- 移动光猫超级管理员密码获取
- 推荐给DBA的Oracle书籍
- 资源变现微信小程序安装教程
- HTML一个简单大一的网页作业
- 图解HTTP(读书笔记01)
- 重装系统——Win10/win11
- 无法打开**,因为此版本的应用程序不支持其项目类型(.vcproj)
- springcould 微服务 nacos 跨域问题