<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" lang="ru">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
</div>
<button id='but'>Открыть новую вкладку</button>
<script>
// Это текст новой страницы
let page=`
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" lang="ru">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<style>
h3 {
color:red;
}
</style>
<s`+`cript>
window.onload = function () {
alert ('Вот. Сгенегили, открыли, вывели!')
}
</`+`script>
</head>
<body>
<h3>New page</h3>
Всякое бла-бла-бла<br>
Очень много бла-бла-бла<br>
Опять бла-бла-бла<br>
</body>
</html>
`; // конец текста сраницы
// По клику на <a> формируем ему href
document.getElementById('but').addEventListener('click', function () {
let blob = new Blob([page], {type : 'text/html'});
window.open(window.URL.createObjectURL(blob), '_blank')
})
</script>
</body>
</html>