Javascript - 动态创建按钮

标签 javascript jquery

我想使用 JavaScript 和 jQuery 动态创建一个按钮。

下面的代码是测验的最后一部分,当测验完成时,它会给出结果并说明您已完成。我想在此期间使用 JS 动态创建一个按钮,将用户带回主页 (index.html)。

非常感谢任何帮助。

function displayFinalSlide(){

    $(stage).append('<div class="questionText">You have finished the quiz!<br><br>Total questions: '+numberOfQuestions+'<br>Correct answers: '+score+'</div>');

}//display final slide

最佳答案

试试这个:就像添加 html 一样,只需添加 anchor 标记/按钮即可

function displayFinalSlide(){

    $(stage).append('<div class="questionText">You have finished the quiz!<br><br>Total questions: '+numberOfQuestions+'<br>Correct answers: '+score+'</div><a href="index.html">Index Page</a>'); // here in href you can give the path where you want to redirect to

}

关于Javascript - 动态创建按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30316642/

相关文章:

javascript - "event loop queue"和 "job queue"和有什么区别?

javascript - 主线程上的同步 XMLHttpRequest 已被弃用。在打开新页面之前发送请求还有其他选择吗?

javascript - 使用jquery在nodeJs中隐藏元素

php - 如何使用 jQuery DatePicker 设置结束日期从开始日期加一

javascript - 获取未捕获的语法错误 : Unexpected token } while trying to remove table row dynamically

javascript - 拖放并更改dom中div的父级

javascript - AngularJS - HTTP 请求在 Controller 中发出预检请求但不在 app.js 中

javascript - 在函数内更新对象的属性,然后使对象在函数外可访问

javascript - ajax成功后如何重置默认按钮

javascript - 很奇怪;当 $(this).width() 被调用时包含元素改变大小