javascript - [已解决]一个内联事件问题?
本文介绍了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屋!
查看全文