Javascript PHP:点击提交后如何返回到页面上的同一位置?
我正在制作一个网页,索引页上有20个不同的问题。用户在每个问题后单击“提交”Javascript PHP:点击提交后如何返回到页面上的同一位置?,javascript,php,html,Javascript,Php,Html,我正在制作一个网页,索引页上有20个不同的问题。用户在每个问题后单击“提交” <form action="./index.php" method="post" id="element"> 然后将信息发布并发送到数据库。当然,这会使索引页面重新加载并显示在页面的最顶部。这会导致大量的滚动 有没有办法使页面重新加载并向下滚动到停止的位置?答案在这里: 使用锚点提交表单需要使用JavaScript连接事件。这是不安全的,因为如果用户禁用了JavaScript,您将无法提交表单。例如:
<form action="./index.php" method="post" id="element">
然后将信息发布并发送到数据库。当然,这会使索引页面重新加载并显示在页面的最顶部。这会导致大量的滚动
有没有办法使页面重新加载并向下滚动到停止的位置?答案在这里: 使用锚点提交表单需要使用JavaScript连接事件。这是不安全的,因为如果用户禁用了JavaScript,您将无法提交表单。例如:
<form id="form1" action="" method="post">
<a href="#" onclick="document.getElementById('form1').submit();">Submit!</a>
</form>
如果您愿意,您可以使用
:
提交!
或者坚持我们都知道的:
<input type="submit" value="Submit!" />
您可以对这三种语言进行样式化,但后两种语言不需要JavaScript。如果遇到边界问题,您可能只需要在某个地方更改一些CSS。回答我问题的代码是joshua bissot编写的。他展示了如何在动作中放置标记,并命名锚来实现这一点
这回答了你的问题吗?谢谢你的建议,但是锚不起作用。它重新加载了页面,我又回到了顶部。我想重新加载页面,回到我原来的位置。是否有方法标记页面并将其重新加载到该位置?如果单击链接,则可以在用户单击的位置定义锚定。只要把锚放在那里,然后在表单动作中引用它。就这样!我第一次使用的答案是62票,但这不起作用。得到3票的答案才有效。必须在表单中添加标记,并在锚中添加名称。谢谢你,机甲!
<input type="submit" value="Submit!" />
<!-- add the anchor token at the end of your action statement -->
<form method='post' action='this_page.php?put_peram=token#anchor_name'>
<input type='submit' value='click here'>
<!-- put the anchor right above where you want the page to index -->
<a name="anchor_name></a>