博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在html元素中定义事件时,注意作用域链的不同
阅读量:6036 次
发布时间:2019-06-20

本文共 567 字,大约阅读时间需要 1 分钟。

hot3.png

在html元素中定义事件时

1、如果不是调用的函数,那么这里的作用域链是:

调用对象---->事件源---->父元素----->>document----->window

例如:

<input type="text" οnclick="alert(age)" id="fp"/>

<script>

    var node = document.getElementById('fp')

    node.age = 12;

    age = 13

</script>

结果:12

2、如果是调用的函数,由于JS的词法作用域(函数在定义它的作用域中执行,而不是在调用它的作用域中执行),那么这里的作用域链是:调用对象----->>window

例如:

<input type="text" οnclick="msg()" id="fp"/>

<script>

    var node = document.getElementById('fp')

    node.age = 12;

    age = 13

    function msg(){

        alert(age);

    }

</script>

结果:13

3、如果是在JS中定义事件,那作用域链也是调用对象----->>window

转载于:https://my.oschina.net/u/1992917/blog/361784

你可能感兴趣的文章
解决MYSQL错误:ERROR 1040 (08004): Too many connections
查看>>
【树莓派】树莓派网络配置:静态IP、无线网络、服务等
查看>>
JavaScript——双向链表实现
查看>>
git服务器新增仓库
查看>>
Appium+python自动化7-输入中文
查看>>
抽象类和借口的区别
查看>>
WebConfig配置文件详解
查看>>
nginx的location root 指令
查看>>
zDiaLog弹出层
查看>>
linux不常用但很有用的命令(持续完善)
查看>>
NFine常见错误
查看>>
zabbix报警媒介------>微信报警
查看>>
使用视图的好处
查看>>
面向开发运维的10款开源工具
查看>>
MVC ---- 增删改成 EF6
查看>>
linux 下 php 安装 pthreads
查看>>
Spring Boot学习笔记
查看>>
python3存入redis是bytes
查看>>
laravel 集合接口
查看>>
C/C++二进制读写png文件
查看>>