为单页应用程序准备DOM

Question

我想要实现的目标似乎很简单。我假设页面上显示的所有内容都是HTML页面标记的子项或孙项？例如，该文本必须与Body相关。

这是一个tree结构，基本上是用Body开始的（视觉上）。

我想用JavaScript制作单页应用程序。但我需要准备DOM，这是我奋斗的地方。

如何设置页面正文以便：

• 没有滚动条
• Body始终填充浏览器的整个内容区域（如果尚未填写）
• 打破CSS框模型（appendChild将这些元素堆叠10次，而不是流动它们）
• 任何来自Body的Divs，默认情况下也会突破CSS框模型。

我已经单独搜索了每一步，但是我没有使用JQuery，说实话，除了最基本的任务之外，我更愿意摆脱CSS。我想拥有一个已知的可视区域，并负责JS的定位，大小和内容。

或者。如果你与Flash相似。我想将Body视为我的舞台，并将其用作启用了NO_SCALE的显示列表。这意味着当你调整大小时，应该＆＃34;无效＆＃34;布局（作为开发人员，这取决于我）。

我不是世界上第一个要求此事的人。所以，如果你能指出我正确的方向，我将不胜感激。

Answer 1

充分尝试基于CSS的解决方案，然后继续使用Javascript。以下将为您提供您想要的内容

• 没有滚动条

• Body始终填充浏览器的整个内容区域（如果尚未填写）

  html, body { margin : 0px padding : 0px; border : 0px; overflow : hidden; position : absolute; left : 0px; top : 0px; }

• 突破CSS框模型（appendChild叠加10次这些元素，而不是流动它们）

• 任何来自Body的Divs，默认情况下也会突破CSS框模型。

  把这个放在第一位

  * { position : absolute; }