动态iframe链接

时间:2013-08-26 02:05:04

标签: javascript jquery html css iframe

我有一个HTML文件列表,里面只有<table>。文件的名称都是不同的(显然)。

我想写一个页面以链接到那些初始HTML文件,方法是将它们包含在<iframe>中。

我的问题是:

有没有办法让一个主网页(包含iframe)在新标签中打开所有单个文件(带有表格)?


我知道这是一个令人困惑的问题,但这是我的想法:

  • 有一个主页,通过iframe加载表
  • 使用JS外部iframe以匹配我的CSS喜好/需要的样式
  • 截图iframe(这将是我的预期尺寸)&gt;希望自动

弄清楚这是否是回答我自己的StackOverflow问题的最佳方式:How would you simplify this process?

1 个答案:

答案 0 :(得分:1)

我不太确定你要做什么。但是,您可以创建一个main.php文件并使用PHP完成任务。这将要求文件托管在PHP服务器上。

要托管您自己计算机上的文件以进行测试,请查看此WAMP站点的链接或主机购买空间。

iFrames可以像下面这样使用。

<iframe>
    <p>This is my iframe</p>
</iframe>

因此,您可以使用PHP includes语句从外部文件嵌入表。以下是两个文件示例以及PHP服务器如何将文件显示到Web浏览器。

<强> main.php

<iframe>
    <?php include 'fileWithTableElements.html'; ?>
</iframe>

<强> findTableWithElements.html

<table>
   <tr>
       <td>This is a test included Table</td>
   </tr>
</table>

浏览器如何阅读HTML

<iframe>
    <table>
       <tr>
           <td>This is a test included Table</td>
       </tr>
    </table>
</iframe>

因为我们正在使用PHP includes函数,所以PHP服务器会将您的html文件放在main.php文档中的iframe标记之间。这是在浏览器读取文档之前可以快速包含HTML的众多方法之一。 PHP是最简单,最快速的选择之一。