Trying to open URL in new tab through Javascript

Question

I have set up a textbox that passes a value to the url, but I can't get it to open in a new tab.

<html>
<script type="text/javascript">
function goToPage() {
        var page = document.getElementById('page').value;
        window.location = "http://" + page + ":443";
        window.target = "_blank";
        }
</script>
<table><tr><td><img src="DEA_75.jpg"></td>
<td>Service Tag<br>
<input type="text" id="page"  size="5"/><br>
<input type="submit" value="submit" onclick="goToPage();"/></td>
</html>

Thanks!

score 2 · Answer 1 · answered Nov 18 '17 at 13:25

<html>
<script type="text/javascript">
function goToPage() {
        var page = document.getElementById('page').value;
        window.open("http://" + page + ":443","_blank");
        }
</script>
<table><tr><td><img src="DEA_75.jpg"></td>
<td>Service Tag<br>
<input type="text" id="page"  size="5"/><br>
<input type="submit" value="submit" onclick="goToPage();"/></td>
</html>

This will do your task :)

score 1 · Answer 2 · answered Nov 18 '17 at 13:26

window.location means that you want to load new URL into the CURRENT page. That's why it fails. You just need to open new window instead:

<html>
<script type="text/javascript">
function goToPage() {
        var page = document.getElementById('page').value;
        window.open("http://" + page + ":443");
        window.target = "_blank";
        }
</script>
<table><tr><td><img src="DEA_75.jpg"></td>
<td>Service Tag<br>
<input type="text" id="page"  size="5"/><br>
<input type="submit" value="submit" onclick="goToPage();"/></td>
</html>

Trying to open URL in new tab through Javascript

2 Answers2