subzey/index.html

## index.html
<!doctype html>
<html>
<head>
	<title>New window open test</title>
</head>
<body>
	<button id="openwnd">Open a new window</button>
	<script>
		function openTab(url) {
			const a = document.createElement('a');
			a.href = url;
			a.rel = 'noopener'; // decouple JS main loops
			a.target = '_blank';
			a.style.display = 'none';
			document.body.appendChild(a);
			a.click();
			document.body.removeChild(a);
		}

		document.querySelector('#openwnd').addEventListener('click', (e) => {
			e.preventDefault();

			fetch('/404/', { method: 'POST' })
				.catch(() => {
					// We don't care how does server exactly respond
				})
				.then(() => {
					openTab('https://example.com/');
				});
		})
	</script>
</body>
</html>
	<!doctype html>
	<html>
	<head>
	<title>New window open test</title>
	</head>
	<body>
	<button id="openwnd">Open a new window</button>
	<script>
	function openTab(url) {
	const a = document.createElement('a');
	a.href = url;
	a.rel = 'noopener'; // decouple JS main loops
	a.target = '_blank';
	a.style.display = 'none';
	document.body.appendChild(a);
	a.click();
	document.body.removeChild(a);
	}

	document.querySelector('#openwnd').addEventListener('click', (e) => {
	e.preventDefault();

	fetch('/404/', { method: 'POST' })
	.catch(() => {
	// We don't care how does server exactly respond
	})
	.then(() => {
	openTab('https://example.com/');
	});
	})
	</script>
	</body>
	</html>