解释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 怎么解释相关推荐

  1. JavaScript基础知识与脚本语言总结

    1 Aptana插件安装 1.Aptana插件安装 <1>Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE. <2>它的特点包括: J ...

  2. APL在Web应用系列 --- 例子1: 在Web页面的javascript中 调用 apl脚本

    这个专题 专门讲 APL平台在 Web中的应用. APL平台在Web中应用范围包括: 1.  在Web服务端应用: APL平台中,  aplHttpServer.exe( APL中本地的Web服务器 ...

  3. javascript的参数_如何使用JavaScript制作参数家具

    javascript的参数 by O-LAP 由O-LAP 如何使用JavaScript制作参数家具 (How you can make parametric furniture with JavaS ...

  4. Kettle的使用分享~动态参数~JS脚本~多文本文件输入

    Kettle设置参数 通过js脚本设置参数变量并进行赋值,让参数变得可动态变化,便于后期定时任务的执行 生成记录 添加一个"输入->生成记录"对象,用于变量的声明 javas ...

  5. JavaScript常用的Hook脚本

    JavaScript常用的Hook脚本 本文Hook脚本 来自 包子 页面最早加载代码Hook时机# 在source里 用dom事件断点的script断点 然后刷新网页,就会断在第一个js标签,这时候 ...

  6. JavaScript 函数参数

    JavaScript 函数参数 JavaScript 函数对参数的值没有进行任何的检查. 函数显式参数(Parameters)与隐式参数(Arguments) functionName(paramet ...

  7. 深入理解javascript函数参数

    arguments javascript对参数要求很随意,她才不管你传进来的参数是什么数据类型,甚至可以不传参数.实际上,javascript函数调用甚至不检查传入形参的个数. 1 function ...

  8. linux脚本怎么获取参数,在Bash shell脚本编程中,如何正确无误获取到“脚本选项参数”和“脚本参数”呢?...

    Linnux 中有些命令的功能非常强大,主要是因为它支持的命令选项比较多.如:[ip]命令可以配置IP地址.路由条目的配置管理操作非常完善,该命令就可以完成[ifconfig]和[route]命令实现 ...

  9. JavaScript 函数参数是传值(byVal)还是传址(byRef)?

    对于"JavaScript 函数参数是传值(byVal)还是传址(byRef)"这个问题,普遍存在一个误区:number,string等"简单类型"是传值,Nu ...

最新文章

  1. Linux 基金会透露未来 Linux 内核可能会引入形式验证
  2. web框架的前生今世--从servlet到spring mvc到spring boot
  3. SpringBoot 2.x 监控中心:Actuator
  4. Cocos 技术派:实时竞技小游戏技术实现分享
  5. 利用VSTS跟Kubernetes整合进行CI/CD
  6. 会议通知|第3届全国高校大数据教学研讨会
  7. hive取mysql数据oracle数据,Hive安装过程(mysql/oracle存储元数据)详解
  8. .net开源CMS系统使用教程之:如何用We7 CMS建设全新网站
  9. 苹果手机型号对应表及尺寸
  10. 调试错误,请回到请求来源地,重新发起请求。 错误代码 insufficient-isv-permissions 错误原因: ISV权限不足,建议在开发者中心检查对应功能是否已经添加
  11. dorado7.x argument type mismatch
  12. 计算机网络被限速,电脑网速被限制怎么办
  13. 移动光猫超级管理员密码获取
  14. 推荐给DBA的Oracle书籍
  15. 资源变现微信小程序安装教程
  16. HTML一个简单大一的网页作业
  17. 图解HTTP(读书笔记01)
  18. 重装系统——Win10/win11
  19. 无法打开**,因为此版本的应用程序不支持其项目类型(.vcproj)
  20. springcould 微服务 nacos 跨域问题

热门文章

  1. OpenSuSE 网络配置
  2. 扩展Jquery方法创建LigerUI Grid
  3. dojo + jersey 上传图片到数据库
  4. 东大14春学期《计算机应用基础》在线作业1,东大18春学期《计算机应用基础》在线作业...
  5. getch和getchar的区别
  6. springMVC设置静态资源过滤器,过滤js、css、images等静态资源
  7. 为什么我的crontab不起作用呢
  8. log功能ASP.NET MVC能实现
  9. 网站建设页面设计中CSS正确书写
  10. mysql中explain的详细解释