javascript - 在使用函数 document.write() 打印最终结果后，如何使用 Javascript 滚动到页面顶部

Question

对不起我的经验不足

基本上我的 JS 代码由一个带有输入的表单、一个按钮和使用函数 document.write() 打印的最终结果组成

<form>
<input type="text" name="lavagens" size="3" MAXLENGTH="3" value="30"> INPUT<br>
<INPUT TYPE="submit" VALUE="Calc" onClick="calcula_custos_auto()"><br> 
</form>

function calcula_custos_auto(){    
a+b+c*d; //some calculations with inputs
document.write("a lot of results"); //print results on screen
window.scrollTo(0,0); //doesn't work
}

问题是在打印完所有这些占据很多行的结果后，屏幕没有转到顶部。scrollTo(0,0) 方法似乎不起作用。我该如何解决这个问题？

顺便说一句，我怎样才能创建一个按钮，再次重新加载页面，以便用户可以再次输入值？

非常感谢你

Answer 1

a+b+c*d 抛出异常：

ReferenceError: a is not define

所以它永远不会到达该函数中的其余代码，因此它不会滚动。

Answer 2

尝试这个：

<form>
<input type="text" name="lavagens" size="3" MAXLENGTH="3" value="30"> INPUT<br>
<INPUT TYPE="submit" VALUE="Calc" onClick="calcula_custos_auto()"><br> 
<div id'resultDiv'></div>
</form>

function calcula_custos_auto(){    
a+b+c*d; //some calculations with inputs
var div = document.getElementById('resultDiv');
div.innerHTML= 'Put Your Result here';
window.scroll(0,1);
}

我们您的结果显示在当前表单上而无需重新加载，您无需再次添加输入框和按钮。