问题描述
|
我正在开发一个网站更新程序。我的想法是让某些HTML元素成为可更新类的一部分。然后,我将将该类的每个元素更改为textarea元素。这样就可以对其进行更新。
我要做的是将updater.html分为2个区域,左侧将具有select元素(带有页面名称列表),右侧将显示/加载updater.html网页内的特定网页。
是否可以做到?我需要做什么HTML元素?它是框架还是iframe(关于对象,还是仅适用于HTML5)?是iframe跨浏览器吗?我的目标是在IE,FireFox,Chrome和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>
解决方法
您可能希望使用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>
,为此,请使用iframe。如下
<iframe src=\"webpage2.html\"></iframe>
希望这可以帮助。
,iframe是跨浏览器,在这种情况下可以使用。它们还将包含自己的样式,这些样式不会影响iframe之外的页面。