Question

我正在尝试创建一个基于网络的##电子考试应用##。我不想一次显示大约40个问题，而是希望一次显示一个问题，然后使用导航按钮来回导航。尝试使用class="fancybox-buttons＆＃34;在包含每个问题的每个div标签中，但它不起作用

Answer 1

只需使用问题的URI作为值为每个问题创建一个隐藏字段。由onclick（）事件调用的JS函数读取。按问题编号命名html页面，例如1.html，2.html等。

对于第一个问题，请插入：

<input type='hidden' value='1' id='question'/>

对于导航按钮，

<input type='button' value='Prev' onclick="getPrevious(document.getElementById('question');"/>
<input type='button' value='Next' onclick="getNext(document.getElementById('question');"/>

对于JS：

<script>
function getPrevious(question) {
    if( question.value == 1 ) {
        return;

    } else {
        window.location = (question.value - 1) + ".html";
    }
}

function getNext(question) {
    if( question.value == 40 ) {
        return;

    } else {
        window.location = (question.value + 1) + ".html";
    }
}
</script>

如何使用内联属性向元素添加next和prev按钮

1 个答案: