看一个简单的例子：

html:

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script src="test.js"></script>

</head>

<body>

    <a href="#" id="test" class="link test test" onclick="fn()">baidu.com</a>

</body>

js:

window.onload = function() {

    function fn(){

        console.log('fn');

    }

};

看起来，当我点击 a 标签的时候，应该有 log ‘fn’,然而实际上却是：

懵了一会儿，因为一般用 window.onload 不会出现这种问题，，，后来想了想明白了，因为 js高程-第三版-中 里是这么说的：

html 事件处理程序中的代码在执行时，有权访问全局作用域中的任何代码。

而上面的 fn 定义在 window.onload 的回调里，处于局部作用域，所以无法访问到，所以把 fn 放到全局作用域就行了，例如：

<head>

    <meta charset="UTF-8">

    <title>Document</title>

     <script>

     function fn() {

         console.log('fn');

     }

     </script>

</head>

<body>

    <a href="#" id="test" class="link test test" onclick="fn()">baidu.com</a>

</body>

这样就 OK，或者把上面这个 script 放到 body 最后也是可以的，总结下就是：

html 事件处理程序中的代码在执行时，有权访问全局作用域中的任何代码。

html 事件处理程序中的代码在执行时，有权访问全局作用域中的任何代码。的更多相关文章

  1. js高级程序设计书中，有一句话在全局作用域中定义的函数实际上只 能被某个对象调用？？？

    js没有块级作用域(题外话:函数可以作为一个块级),所以我们经常使用闭包来模拟块级作用域,以避免变量或者函数因为名称相同而产生的冲突. 重点来了: 所以,如果我们把哪个变量或者函数放在全局作用域中,那 ...

  2. 全局作用域中，用 const 和 let 声明的变量不在 window 上，那到底在哪里？如何去获取？

    在ES5中,顶层对象的属性和全局变量是等价的,var 命令和 function 命令声明的全局变量,自然也是顶层对象. var a = 12; function f(){}; console.log( ...

  3. $GLOBALS — 引用全局作用域中可用的全部变量

    $GLOBALS 这种全局变量用于在 PHP 脚本中的任意位置访问全局变量(从函数或方法中均可). PHP 在名为 $GLOBALS[index] 的数组中存储了所有全局变量.变量的名字就是数组的键. ...

  4. HTML事件处理程序

    事件处理程序中的代码执行时,有权访问全局作用域中任何代码. //为按钮btn_event添加了两个个事件处理程序,而且该事件会在冒泡阶段触发(最后一个参数是false). var btn_event ...

  5. Javascript高级编程学习笔记（58）—— 事件（2）事件处理程序

    事件处理程序 事件处理程序即响应某个事件的函数 事件处理程序以 “on” 开头 如“onclick”,“onload” HTML事件处理程序 某个元素支持的每种事件都可以使用一个与响应的事件处理程序同 ...

  6. 探究JavaScript中的五种事件处理程序

    探究JavaScript中的五种事件处理程序 我们知道JavaScript与HTML之间的交互是通过事件实现的.事件最早是在IE3和Netscape Navigator 2中出现的,当时是作为分担服务 ...

  7. 学习javascript中的事件——事件处理程序

    事件就是用户或浏览器自身执行的某种动作.诸如 click.load 和 mouseover ,都是事件的名字.而响应某个事件的函数就叫做事件处理程序(或事件侦听器).事件处理程序的名字以“on”开头, ...

  8. javascript中 IE事件处理程序中try catch用法

    本例是学习中笔记 望指正批评! <input id='b1' type='button' value='按钮'/> <script> window.onload=functio ...

  9. js 事件处理程序 事件对象

    事件:用户或浏览器自身执行的动作: 事件处理程序:响应某个事件的函数: 事件流:从页面中接收事件的顺序. 1.DOM事件流 "DOM2级事件"规定的事件流包括三个阶段:事件捕获阶段 ...

随机推荐

  1. 编译安装PHP7并安装Redis扩展Swoole扩展（未实验）

    用PECL自动安装Redis扩展.Swoole扩展 pecl install redis pecl install swool 编译安装PHP7并安装Redis扩展Swoole扩展 在编译php7的机 ...

  2. 【Android】15.5 例15-3—Notification的各种属性演示

    分类:C#.Android.VS2015: 创建日期:2016-02-29 一.简介 利用这个例子,可测试通知的各种属性以及这些不同属性选项呈现的效果. 另外,在这个例子中,还演示了如何读写SD中的图 ...

  3. MySql导入导出数据库（含远程导入导出）

    一.导入导出本地数据库    导出: 1.先运行cmd,cd 到mysql安装目录中的bin文件夹 2.mysqldump -u root -p 数据库名 > 导出文件名.sql 其他情况下: ...

  4. The difference between Severity and Priority

    The difference between Severity and Priority[1] 2015-06-24 There are two key things in defects of th ...

  5. 安装语言包(LANGUAGE PACKAGE)

    by 枫竹丹青 一．说明 在SAP ECC 安装好后,如果是生产版本,通常只有两种语言--英语和德语.这时如需中文环境,则需定义支持的语言类型并导入语言包.如果安装的是IDES版,则系统中已包含了几十 ...

  6. SAP ECC6安装系列一：安装前硬件和软件准备

    原作者博客 http://www.cnblogs.com/Michael_z/ ======================================== 写在前面的罗嗦话 一晃就是5年,前几天 ...

  7. 解决在eclipse中配置Tomcat时，出现"Cannot create a server using the selected type"的错误

    比如说使用tomcat 这是因为你之前创建过一次,比如说tomcat6,你指定的目录是:D:/tomcat-6.0.3 后来因为某种原因你把tomcat删了,然后你又安装到了E:/tomcat-6.0 ...

  8. MultipartEntity 乱码

    MultipartEntity multipartEntity = new MultipartEntity(HttpMultipartMode.BROWSER_COMPATIBLE, null, Ch ...

  9. Apache Avro:一个新的数据交换格式

    原文: http://blog.cloudera.com/blog/2009/11/avro-a-new-format-for-data-interchange/ 注:由于个人英语能力有限,翻译不准确 ...

  10. android4.0.3源码之USB wifi移植心得

    http://blog.csdn.net/eastmoon502136/article/details/7850157 http://forum.cubietech.com/forum.php?mod ...