javascript - [已解决]一个内联事件问题?

查看:74
本文介绍了javascript - [已解决]一个内联事件问题?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

在做业务的过程中发现一个问题,如果在html内给元素绑定事件(内联事件).
如果在test脚本中直接定义action函数,是可以的;
但是套在$(function(){})中问题出现了ReferenceError: action is not defined.
开始以为是浏览器渲染的前后顺序问题,继而把test脚本放在button元素后,但是如果不包含在$(function(){})的话,还是可以的,否则还是报错.网上搜了下没发现问题,希望大家给解释下 为什么会出现这种问题? 谢谢大家

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="Author" content="" />
        <meta name="Keywords" content="" />
        <meta name="Description" content="" />
        <title>测试页面</title>        
        <script src="./jquery-1.11.3.min.js"></script>
        <script src="./test.js"></script>    
    </head>
    <body>
        <input type="button" id="btn" value="点击" onclick="action()" />    
    </body>
</html>

$(function(){
    function action(){
        alert('clicking...');
    }
});

解决方案

作用域的问题吧....调用action() 函数的时候是在全局作用域找这个函数的,无法访问闭包里面的函数。。。function action(){} 我改成 window.action = function(){} 的时候是可以alert的.....

这篇关于javascript - [已解决]一个内联事件问题?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆