onclick事件调用js函数抛出异常

HTML的标签中有以下点击事件

<span class="layui-btn layui-btn-xs" onclick=update(46,0)>已启用</span>

控制台抛出异常Uncaught ReferenceError: update is not defined

经过检查,确认是函数update()的作用域定义有问题

// 定义方式1,点击事件生效
update = function (id,status){
	// 其他处理
}
	
// 定义方式2,点击事件生效
var update = function (id,status){
	// 其他处理
}

// 定义方式3,点击事件生效
function update (id,status){
	// 其他处理
}
// 此处引入layui
layui.use(['table', 'form'], function () {
	// 定义方式4,点击事件生效
	update = function (id,status){
		// 其他处理
	}
	
	// 定义方式5,点击事件无效
	var update = function (id,status){
		// 其他处理
	}

	// 定义方式6,点击事件无效
	function update (id,status){
		// 其他处理
	}
})

在以上6种的update的定义方式中,只有1,2,3,4这四种是定义在全局作用域的,即定义后是以windows对象作为作用域,

5和6的定义方式是等效的,但作用域都只限于layui沙盒内部

综上所述

函数定义后,调用时必须确保函数处于windows作用域下,如果在类似于layui这样的沙盒内,只能使用定义方式4;

在其他情况下,定义方式1、2、3是等效的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不知飞到哪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值