Question

现在就学习javascript。我想制作一个纪念丝带，其中通过表格添加了人的名字。我有它的工作，但它发生后，页面刷新，它最终空白。有没有一种无需刷新页面即可快速实现的方法。

https://thimbleprojects.org/mrcpower/573757

Answer 1

尝试此代码：

<input type="text" name="" id="yourInputId">
<button onclick="submit()">submit</button>
<div id="ribbonId"></div>
<script type="text/javascript">
function submit(){
    var a = document.getElementById('yourInputId').value;
    document.getElementById('ribbonId').innerHTML = a;
}

Answer 2

默认情况下，提交表单时页面将刷新。因此，为防止这种情况，您可以将其添加到submit事件处理函数的顶部。

function changeText(event) {
    event.preventDefault();
}

Javascript更新文本而无需刷新页面

2 个答案: