使用 javascript for 循环在一个网页中创建 100 个小 iframe
Posted
技术标签:
【中文标题】使用 javascript for 循环在一个网页中创建 100 个小 iframe【英文标题】：create 100 small Iframes in one webpage using javascript for loop 【发布时间】：2019-02-26 15:23:08 【问题描述】：我想在我的网站中创建一个网页，我可以在其中使用 javascript for loop 将我的 100 个博客放入 iframe 中。 当我打开页面时，它应该打开许多小的 url Iframe 并打开像 http://www.rathorehomi.com/blog/1 这样的 url 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>
【问题讨论】：
你需要展示你做了什么，展示了什么是行不通的。提供您的代码（或至少一些示例代码）。如果您要求有人为您编写一些代码以查看这是如何完成的，那么 Stack Overflow 不适合此类问题。 请不要这样做。 “iframe 提供了一种将内容从一个网站嵌入到另一个网站的简单方法。但应谨慎使用。” 尊敬的先生 .. 我想要这种类型的 for 循环代码。我想在网站上测试以供学习。非常感谢。 【参考方案1】：就用户体验而言，这不是一个好主意。
不过，您可以通过将每个 iframe 的 HTML 添加到累积字符串中，然后将该字符串设置为页面的 innerHTML 来实现。
您还应该添加一个 div 来包含 iframe（在下面的示例中，我使用了<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>【讨论】：
以上是关于使用 javascript for 循环在一个网页中创建 100 个小 iframe的主要内容，如果未能解决你的问题，请参考以下文章
javascript 基本使用—字符串变量数组函数for循环
JavaScript里的循环方法之forEach，for-in，for-of
JavaScript 中的 While 循环与 For 循环？ [关闭]