Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Executes js code after redirect to another url

I have a page as below, when user clicks the Go href, it will redirect to another page. I want to do some JS manipulations on the redirected page after the page is fully loaded, but have trouble in doing this.

I tried to achieve this by putting all JS manipulations statements to a setTimeout function, but it seems the statements will not be executed after the redirected page is loaded. In below example, alert('in settimeout') was not executed.

Can you tell me how to achieve this? Thanks!

<!DOCTYPE html>
<html>
<body>
<a href="#" onclick="foo()">Go</a>

<script>
function foo(){
  setTimeout(function (){
    alert('in settimeout'); // **this will not be executed.**
    //js manipulations here ... 
  }, 5000);
  window.location.replace('http://onlineapp.ws');
}
</script>
</body>
</html>
like image 862
astropeak Avatar asked Nov 26 '25 17:11

astropeak


1 Answers

You can't run JavaScript after you've destroyed the environment it runs in. Leaving a page will destroy that environment.

The only ways to do this would be to:

  • load the new page in a frame (and the new page would have to be on the same origin) and then access it using the frames API.
  • pass some information to the server hosting the new page (e.g. via the query string) and read that to determine if the JS should run or not
like image 161
Quentin Avatar answered Nov 28 '25 06:11

Quentin



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!