html页面调用js文件里的函数报错onclick is not defined处理方法

今天处理html标签里的onclick功能的时候总是报错:Uncaught ReferenceError: dosave is not defined(…)

找了半天都没发现错在哪,最后发现原来是我写法不对,正确写法如下:

html:

 

<input type="button" value="立即登录" onclick="dosave();"/>

js:

 

 

dosave = function (){
        alert("成功啦!");
    }

错误写法一般有以下两种,很致命:

 

 

function dosave(){
        alert("会报错!!");
    }

 

 

var dosave = function (){
        alert("会报错!!");
    }

为什么会这样,因为:

 

html页面调用js文件里的函数,写法必须为dosave = function (){}形式,其他方式写,html页面会搜索不到该函数。
 

------------------------------------------------------------------分割线----------------------------------------------------------------

上面是2016年11月11日的博客原文,三年来这个帖子争议非常大,帮助了很多朋友,也坑了很多朋友。在此感谢大家的回复,我把所有评论内容总结一下,希望能有帮助。

1.这个问题很奇特。很多同学平常使用var dosave = function(){}和function dosave(){}都没问题,但是突然一天出现用不了的情况了,我当时就是这样的情况;还有的同学在HBuidlder运行没问题,换eclipse就不起作用。

2.这三种定义函数的写法都是正确的,只不过作用域不同。

3.我们知道var dosave = function(){}和function dosave(){}是等价的,是最常用的定义函数方式,区别在于function dosave(){}可以进行声明提升,而var dosave = function(){}必须先定义才能使用。

4.dosave = function(){}的写法会把dosave函数作为全局作用域函数,相当于windows对象作为他的作用域,所以可以被调用到。

5.有同学给出了一种解决办法,不过我当时就没用$(functiong{ }),所以对我的情况不管用:

1)定义的方法 用funcation 方法名(){} ,这样写没有问题,不过js中千万别把方法写在$(functiong{ })中,这样相当于方法中方法,所以查找不到。

2)将方法放在 $().ready(function () {});之外后,就可以正常执行了。

6.当大家遇到莫名报错时这三种定义函数的写法都试试吧,说不定能帮助到大家,算是提供一种思路。

再次感谢大家的深入研究和回复,有问题希望大家多多回复,我会继续跟进这个问题,把更好的答案提供给大家。谢谢!

  • 59
    点赞
  • 65
    收藏
    觉得还不错? 一键收藏
  • 38
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值