js 错误：xx is not defined at HTMLAnchorElement.onclick 原因及解决方法

在做前端超链接 onclick 编程时，浏览器报错 xx is not defined at HTMLAnchorElement.onclick，经过检查发现我把 onclick 函数写到了 jquery 的$().ready()中了，这样 HTML 页面搜索不到该函数，解决方法有两种。

错误代码：

HTML：

  <a onclick='showDetail()'>详情</a>

JS：

  <script>  $().ready(function() {    //其他 jquery 代码    function showDetail(){      console.log("detail");    }  });  </script>  

方法 1：将 onclinck 函数卸载$().ready()之外。

JS：

  <script>  $().ready(function() {    //其他 jquery 代码  });  function showDetail(){    console.log("detail");  }  </script>

方法 2：采用 XXX=function (){}形式

JS：

  <script>  $().ready(function() {    //其他 jquery 代码    showDetail = function(){      console.log("detail");    }  });  showDetail();  </script>