JS报错:Uncaught ReferenceError: ShowDetail is not defined at HTMLAnchorElement.onclick

在datagrid列里添加一个列按钮,加上单击事件。事件无用,控制台报JS错如下:
在这里插入图片描述
JS代码如下:

function ShowDetail(Id) {
            alert(Id);
     }

添加单击事件代码如下:

{
         field: 'opt', title: '操作', width: 200, align: 'center',
         formatter: function (val, row, index) {
                var btn = '<a class="detail" onclick="ShowDetail(\'' + row.Id + '\')"  href="javascript:void(0)">查看详情</a>';
                return btn;
         }
 }

后经排查,JS代码改为:

ShowDetail = function (Id) {
            alert(Id);
    }

结果如下:
在这里插入图片描述
原因:
html页面调用js文件里的函数,写法必须为ShowDetail = function (){}形式,其他方式写,html页面会搜索不到该函数。

ok 问题解决!

  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
引用\[1\]:Uncaught ReferenceError: is not defined at HTMLAnchorElement.onclick 引用\[2\]:今天在用Vue.js写一个图片移入和点击效果时出现了以下错误: Uncaught ReferenceError: is not defined at HTMLAnchorElement.onclick 引用\[3\]:这里找不到deleteBill方法 因为我用的是单引号所以找不到 { field: "caozuo", title: "操作", with: 1, align: "left", halign: "left", formatter: function (v, row, i) {//row为当前行数据 // xbk 新增了一个设置单据类型的操作 var str = "'" + JSON.stringify(row) + "'";//str用来回显 var operStr = '<div class="edit_del" style="user-select: none;">' + '<span class="fr-table-modify fr-theme-color" style="vertical-align:middle;line-height: 18px;" onclick=editBusi("update",' + str + ")>修改</span>" + '<span class="fr-table-del fr-theme-color" style="vertical-align:middle;top:0" onclick=deleteBill(' + row.busi_type_id + ')>删除</span>' + "</div>"; return operStr; }, }, 问题:VM24395 main.html:1 Uncaught ReferenceError: selectCl is not defined at HTMLAnchorElement.onclick 回答: 这个错误提示是因为在HTMLAnchorElementonclick事件中引用了一个未定义的函数selectCl。\[1\]这种错误通常是由于函数名拼写错误、函数未被定义或者函数定义在其他作用域中导致的。在你提供的引用中,也有类似的错误,比如在Vue.js代码中引用了一个未定义的变量isShow和一个未定义的函数deleteBill。\[2\]\[3\]要解决这个问题,你需要确保所引用的函数或变量已经正确定义,并且在当前作用域中可见。你可以检查函数或变量的拼写是否正确,并确保它们在正确的位置被定义。如果函数或变量定义在其他作用域中,你可能需要通过适当的方式将其引入到当前作用域中。 #### 引用[.reference_title] - *1* *2* [Uncaught ReferenceError: is not defined at HTMLAnchorElement.onclick](https://blog.csdn.net/shangguanliubei/article/details/109893583)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Uncaught ReferenceError: <function> is not defined at HTMLSpanElement.onclick](https://blog.csdn.net/ping_lvy/article/details/125507982)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值