javascript - 使用 javascript for 循环在一个网页中创建 100 个小 iframe
问题描述
我想在我的网站中创建一个网页,在那里我可以使用 javascript for loop 将我的 100 个博客放在 Iframe 中。当我打开页面时,它应该打开许多小 url Iframe 并打开像http://www.rathorehomi.com/blog/1 http://www.rathorehomi.com/blog/2 http://www.rathorehomi这样的 URL .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>
解决方案
就用户体验而言,这不是一个好主意。
尽管如此,您可以通过将每个 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>
推荐阅读
- android - 有没有一种方法可以使每个 Firebase 项目中的 3 个以上的应用程序可见?
- javascript - 试图从总线 vuejs 发出结果
- java - root-context.xml] 无效;嵌套异常是 org.xml.sax.SAXParseException;cvc-elt.1:找不到元素“beans”的声明
- python - Tkinter:将具有透明背景的图像添加到按钮
- node.js - 使 RSA 签名安全
- sql - 计算每个用户的不同访问次数并将其分组
- r - 更改系统区域设置时 str_replace_all 不起作用。(编码问题)
- python-3.x - 从python中的嵌套列表中提取特定格式的输出
- python - 如何区分数字创建的 PDF 和可搜索的 PDF?
- powershell - 如何在新的 PowerShell 对象中设置变量