iPhone webapp设计

Question

在我的iPhone网络应用程序中，我有一个空白的div，我动态添加它 使用：

var example=$(document.createElement('which-ever-tag i need'));

example.html('blah blah')
blank_div.append(example);

这样我可以根据需要添加和删除元素。

example.remove();

我最近想过，我也可以从最初的HTML页面这样做：

<div id='homepage'>
    place some content in here
</div>
<div id='second_page'>
    some more content
</div>

然后我可以隐藏和取消隐藏某些部分。我只是想知道最好的方法是什么？
JavaScript可以动态创建元素，还是制作元素，只是在显示需要的部分时才取消隐藏？

代码段：

title=$(document.createElement('div'));
title.addClass('title');
title.html('Mango Fitness');
container.append(title);

Answer 1

我会说这是一个偏好问题，每个人都有利弊。使用JavaScript，您可以将所有部分保存在一个（可能）整洁的文件中。但是，通过拆分它，您可以将主视图布局与逻辑分开，也许可以使以后更容易使用。我个人更喜欢使用HTML进行布局，使用JavaScript作为控制器逻辑。