创建指向刷新页面的ID的链接

Question

I am working on a project that uses javascript to make tabs. It has 3 tabs.

Tab three has an id of tab3, what I need is a refresh button that will be on tab3 that will refresh the page. Problem I'm having is if you click on tab3 it will display tab3 data, but it does not change the url. So the refresh button isn't working.

I tried an onclick javascript that reloads the page using location.reload() which reloads the page but not to the tab3. So I put that on a link,

<a href="<?php echo $_SERVER['REQUEST_URI']; ?>#tab3" onclick="reloadPage();" >Refresh</a> 

This will link to the correct location, the URL then has #tab3 at the end, then the Javascript runs and it reloads back to the url without the #tab3.

So I then tried this that I saw somewhere.

<a href="javascript:;" onclick="window.location = '<?php echo $_SERVER['REQUEST_URI']; ?>#tab3;'">Go</a>

Which links, but doesn't reload.

What is the best way to do this?

Answer 1

尝试这个-

<a href="#tab3" onclick="location.reload();" >Refresh</a> 

Answer 2

In head put,

<script type='text/javascript'>
function goto(link) {
window.location = link
}
</script>

and do this to your button

<a onclick=goto("<?php echo $_SERVER['REQUEST_URI'] . '#tab3'; ?>"); >GO </a>

if you want to refresh the page and aslo goto same place this code will work

<form method=post action="">
<input type=hidden name=value value="#tab3" />
<input type=submit value=GO />
</form>
<?php
if (isset($_POST['value']))
{
header('Location: http://'. $_SERVER[HTTP_HOST] . $_SERVER[REQUEST_URI] . $_POST["value"]);
}

?>

Answer 3

Using window.location is the solution, however if the current location is already the same as the new url that is assigned, then browser will not re-load the page. The only trick would be to make the new url look "new". This can be done by adding a random identifier as querystring parameter.
In the form:

http://hostname?<dynamic/random>#tab3

Example:

<a href="javascript:;" onclick="window.location = '<?php echo $_SERVER['REQUEST_URI']; ?>' + Date.now() + '#tab3;'">Go</a>