网页内的网页:HTML元素可以做什么?

时间:2011-05-25 21:54:37

标签: javascript html css

我正在开发一个网站更新程序。我的想法是让某些HTML元素成为可更新类的一部分。然后,我将使用该类将每个元素更改为textarea元素。这样就可以更新了。

我想要做的是将updater.html划分为2个区域,左侧将有一个select元素(带有页面名称列表),右侧将显示/加载updater.html网页内的特定网页

是否可以这样做&我需要什么HTML元素才能做到这一点?它是一个框架或iframe(对象怎么样或仅适用于HTML5)?是iframe交叉浏览器吗?我的目标是在IE,FireFox,Chrome& amp; Safari浏览器。

您认为最好的HTML元素是什么?新加载的HTML页面(及其css样式表)也会影响updater.html布局(因为它有不同的css样式表)?

<html>
<head>

</head>
<body>
   <table>
      <tr>
        <td class="updaterSection">
          <select>
            <option> home </option>
             ...
          </select>
        </td>

        <td class="updatableWebpage">
          <!-- What would you put here? -->
        </td>
       </tr>
     </table>
</body>
</html>

3 个答案:

答案 0 :(得分:5)

您可能希望使用 iframe 来完成此任务。

<html>
    <head>
    </head>
    <body>
        <table>
            <tr>
                <td class="updaterSection">
                    <select>
                        <option> home </option>
                        ...
                        </select>
                </td>
                <td class="updatableWebpage">
                    <iframe src="yourwebpage.html" id="webpage">
                    </iframe>
                </td>
            </tr>
        </table>
    </body>
</html>

答案 1 :(得分:2)

使用iframe。如下

<iframe src="webpage2.html"></iframe>

希望这有帮助。

答案 2 :(得分:1)

iframe是跨浏览器,在这种情况下可以使用。它们还将包含自己的样式,不会影响iframe之外的页面。