How to open new tab via javascript after html is fully loaded?

Question

I'm trying to open a new tab with javascript after the HTML is fully loaded by the browser. I tried this, but it's not working at all:

<script type="text/javascript">document.addEventListener("DOMContentLoaded",function(event){window.open('http://www.google.com');});</script>

Can you help me out and point me in the right direction?

Thanks!

pop up blockers are not going to allow it. – epascarello Aug 01 '17 at 18:28 — epascarello, Aug 01 '17 at 18:28

score 0 · Answer 1 · answered Aug 01 '17 at 18:28

0

You can just set a function as the window.onload value:

window.onload = function() {
  window.open('http://www.google.com')
}

answered Aug 01 '17 at 18:28

csander

1,385
10
11

score 0 · Answer 2 · answered Aug 01 '17 at 18:29

0

The DOMContentLoaded event is fired when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.

use load event

answered Aug 01 '17 at 18:29

ewwink

18,382
2
44
54

score 0 · Answer 3 · edited Jan 08 '21 at 10:37

0

<script>
  document.addEventListener("DOMContentLoaded", load, false);

  function load(){  
    window.open("https://www.w3schools.com", '_blank');  
  }
</script>

Add _blank if you need a new tab. And if you facing problems because of the browser, this link might help Open a URL in a new tab (and not a new window). Hope this helps.

edited Jan 08 '21 at 10:37

amrendra

345
2
12

answered Aug 01 '17 at 18:41

RasInspired

31
5

score 0 · Answer 4 · answered Aug 01 '17 at 18:45

AutoExecutaable Functions In autoexecutable functions you dont need events or mouse event to execute the functions because the browser execute the function automatically, so do that:

(function(w){
   w.open('http://www.google.com');
   //or you can use the following instead window.open
   w.location.href ="http://google.com";
})(window);

How to open new tab via javascript after html is fully loaded?

4 Answers4