保持渐进式增强

Question

我正在构建一个非常少量的JavaScript的网站，只是为了将事物添加到页面（如联系人表格），而无需转到新页面。

我知道我应该建立联系人页面（以防用户没有打开javascript），然后如果他们有它，请使用javascript。

那么如果我不想在两个地方拥有它，我将在哪里存储表单的HTML？

（通常我不是那么挑剔，但我很好奇这个。）

Answer 1

如果您可以访问服务器端语言，可以在外部页面中保留表单的单独片段。然后，您可以将代码段包含到HTML内容页面中，具有适当的include呼叫。这有一个额外的好处，对于您的JavaScript，您可以使用Ajax从此代码夹文件中提取联系表单。实际上，许多插件允许您使用HTML内容显示DHTML Windows。例如，签出 childbox 。

没有服务器侧语言，您可以使用帧类似的东西。只需在框架中显示表单代码段即可在框架中引用它。就个人而言，我不喜欢帧，所以这对我来说不是一个非常有吸引力的解决方案，但如果你选择（并适当地样式框架），你可以使用它。

Answer 2

只需将您的HTML放在.html文件中的联系人表单。假设您使用PHP或其他东西，只需在您的联系人页面中包含该文件，并将其包含在动态联系表单的部分中。表单仍应提交到同一服务器侧页面，并具有相同的外观和感觉..

e.g。ContactBort.html

<div class="contact-form">
<input ....>
</div>

.