Пример организации фреймов. Интересно, когда их действительно много. А еще они вкладываются друг в друга 🙃
Псевдокод такой
<html>
<body>
<iframe src="http://localhost:2020">
<iframe src="http://localhost:3030">
<iframe src="http://localhost:4040"></iframe>
</iframe>
</iframe>
<iframe src="http://localhost:5050"></iframe>
</body>
</html>
Теперь, актуальный код каждой странички
<html>
<head>
<title>1010</title>
</head>
<body>
<h1>1010</h1>
<button id="hello">hello</button>
<iframe src="http://localhost:2020/2020.html"></iframe>
<iframe src="http://localhost:5050/5050.html"></iframe>
</body>
</html>
Запуск
http-server --port=1010
<html>
<head>
<title>2020</title>
</head>
<body>
<h1>2020</h1>
<button id="hello">hello</button>
<iframe src="http://localhost:3030/3030.html">
</body>
</html>
Запуск
http-server --port=2020
<html>
<head>
<title>5050</title>
</head>
<body>
<h1>5050</h1>
<button id="hello">hello</button>
</body>
</html>
Запуск
http-server --port=5050
<html>
<head>
<title>3030</title>
</head>
<body>
<h1>3030</h1>
<button id="hello">hello</button>
<iframe src="http://localhost:4040/4040.html"></iframe>
</body>
</html>
Запуск
http-server --port=3030
<html>
<head>
<title>4040</title>
</head>
<body>
<h1>4040</h1>
<button id="hello">hello</button>
</body>
</html>
Запуск
http-server --port=4040
Все запущено