создать 100 маленьких Iframes на одной веб-странице, используя JavaScript для цикла - PullRequest
Новая
       1

создать 100 маленьких Iframes на одной веб-странице, используя JavaScript для цикла

0 голосов
/ 22 сентября 2018

Я хочу создать веб-страницу на своем веб-сайте, где я могу разместить свои 100 блогов в Iframes, используя цикл javascript for.Когда я открываю страницу, тогда должно быть открыто много маленьких URL-фреймов и открытых URL-адресов, таких как http://www.rathorehomi.com/blog/1 http://www.rathorehomi.com/blog/2 http://www.rathorehomi.com/blog/3 ............ http://www.rathorehomi.com/blog/100 его легко открыть в новом окне, но мне нужно на одной странице.Спасибо. 

 <!DOCTYPE html>
<html>
<head>
    <title>Document</title>
</head>
<body>
    <script>
    var i;
    var launch_code;

    for ( var i = 000001; i < 000020; i++) {
        launch_code = "https://www.rathorehomi.com/blog/"+ i;

    window.open(launch_code, '_blank', "width=200, height=100");
        };

    </script>
</body>
</html>

1 Ответ

0 голосов
/ 23 сентября 2018

Что касается пользовательского опыта, это не очень хорошая идея.

Тем не менее, вы бы сделали это, добавив HTML-код для каждого iframe в строку-накопитель, а затем установив в качестве строки свою страницу.innerHTML.

Вы должны также добавить div, чтобы содержать iframes (в моем примере ниже я использовал <div id="page"></div>) иначе, так же, как вы выложили свой код, имея скрипт в bodyтеги, вы можете переписать свой собственный код. 

var pageContent = "";
for ( var i = 1; i < 20; i++) {
	var urlNumber = ("00000" + i).slice(-6); // pads with leading zeros
	pageContent += '<iframe src="http://www.rathorehomi.com/blog/' + urlNumber + '"></iframe>';
}
document.getElementById( 'page' ).innerHTML = pageContent;
#page {
	text-align: center;
	width: 100%;
}
iframe {
	display: inline-block;
	width: 500px;
	height: 500px;
	margin: 5px;
}
<div id="page">
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...