如何为这些需求构建HTML

How can I structure the HTML for these requirements

本文关键字：需求 构建 HTML      更新时间：2023-09-26

我正在开发一个系统，在该系统中，我将在嵌入式应用程序的浏览器中显示内容。不能使用普通的浏览器导航控件，而是在页面的包装器中运行javascript。内容将来自同一个域，但我无法预处理内容。需要符合IE8+和最新的FF和铬。

javascript需要做的事情是。。

  • 加载新内容
  • 内容完全加载时检测
  • 将焦点设置为元素
  • 检测当前具有焦点的链接
  • 检索页面上的链接列表
  • 触发器链接

将内容html页面放置在包装页面中的最佳方式是什么？例如

  • 框架
  • iframe
  • div

iframe和div都可以工作。最终的选择将取决于您的实施细节，也是个人品味的问题。

有了div，html就成为了包装页面的一部分。风险在于插入的内容和页面的其余部分（例如css、html-ids）之间存在冲突。

iframe创建沙盒并避免冲突。缺点是布局不容易调整，因为内容存在于自己的文档中。html5引入了新的iframe属性，如"无缝"，但它们在IE8中不起作用。

如上所述，Iframes可能是最好的；然而，它们被弃用，并且并不总是能给出最好的结果。另一种选择是为内容设置div，并将内容Ajax到框架中。然后你可以通过dom访问它以获得链接等。

为了决定哪一个最好，我会考虑加载什么内容——如果没有I帧，完整的HTML文档（包括doctype、head、元数据等）将是有问题的。如果加载的内容只是纯文本，可能有一些基本的HTML元素，我会将其ajax到div 中

相关文章：