JavaScript open new tab with content | Example Code

Use winPrint.document.write method to pass the content to new tab in JavaScript.

Open HTML in a new tab or window code:-

var tab = window.open('about:blank', '_blank');
tab.document.write(html); // where 'html' is a variable containing your HTML
tab.document.close(); // to finish loading the page

JavaScript open a new tab with content

HTML example code:

Create a new window using open method, it returns a reference to the new window, use that reference to write to the newly opened window via its document object.

<html>
<body>
	<script>
		var winPrint = window.open('', '', width=800,height=600,toolbar=0);

		winPrint.document.write('<title>Print Report</title> Hello World');	
	</script>

</body>
</html>

Output:

JavaScript open new tab with content

Afterwards, you can add HTML using both myWindow.document.write(); or myWindow.document.body.innerHTML = "HTML";

URL as parameter to window.open

var url = '/example.html';
var myWindow = window.open(url, "", "width=800,height=600");

Do comment if you have any doubts and suggestions on this JS example code.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.