Javascript ?? ReferenceError:是否未定义goNext？

在一段代码中，我有一个按钮，当点击时调用一个名为goBack的函数，还有一个按钮，当点击时调用一个名为goNext的函数

但是控制台总是说：ReferenceError:goNext未定义

代码如下：

<!--JavaScript-->

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
var iframeState = 1;
function goBack() {
    if (iframeState >= 2 || iframeState <= 5) {
        iframeState = iframeState - 1;
    } else {
        iframeState = 1;
    }
    iframeSelector();
}
function goNext() {
    if (iframeState >= 1 || iframeState <= 4) {
        iframeState = iframeState + 1;
    } else {
        iframeState = 1;
    }
    iframeSelector();
}
function iframeSelector() {
    switch (iframeState) {
        case 1:
            iframeOne();
            break;
        case 2:
            iframeTwo();
            break;
        case 3:
            iframeThree();
            break;
        case 4:
            iframeFour();
            break;
        case 5:
            iframeFive();
            break;
        default:
            iframeState = 1;
            iframeOne();
    }
}
</script>


<!--HTML-->
<div id="buttons" align="center">
<button id="back" type="button" onclick="goBack()">Back</button>

<button id="next" type="button" onclick="goNext()">Next</button>
</div>

var-iframeState=1；
函数goBack（）{
如果（iframeState>=2 | | iframeState=1 | | iframeState
按如下方式绑定click事件：

$(document).on('click','#back',function() {

  // goBack() method here...
  if (iframeState >= 2 || iframeState <= 5) {
    iframeState = iframeState - 1;
  } else {
    iframeState = 1;
  }
  iframeSelector();
});

$（文档）.on（'单击'，'返回'，函数（））{
//这里是goBack（）方法。。。
如果（iframeState>=2 | | iframeState你是像jsFiddle一样在站点上测试这个吗？当我把它全部放进一个HTML文件时，调用
goBack
和
goNext
可以工作，当调用
iframeOne
或
iframeTwo
时出错（预期该函数不存在），取决于单击了哪个按钮。除非您在我的网站上尝试JSFIDLE as@mathachew mentioEnd之类的东西，否则您的代码将按原样工作。出于某种原因，按钮的onclick=”“事件不起作用，不知道为什么，但现在我知道了jquery等价物，多亏了Sandeep，它非常适合我：）我不知道它是如何工作的，但我想问题出在按钮上的onclick=”“上