保持乾燥與逐步增強

Question

我正在建設一個網站，只有很少量的Javascript，只是爲了添加東西到頁面（如聯繫表）而不必去新的一頁。

我知道我應該建立聯繫頁面反正（以防萬一用戶不啓用JavaScript），然後使用JavaScript，如果他們已經得到了它。

所以我在哪裏保存的HTML表單，如果我不想把它在兩個地方？

（通常我不那麼挑剔，但我對這個很好奇。）

Answer 1

如果你有機會到服務器端語言，你可以保持形式的單獨片段在外部頁。然後，您可以使用適當的include調用將片段包含到HTML內容頁面中。這還有一個額外的好處，就是對於你的JavaScript，你可以使用AJAX從這個代碼片段文件中提取聯繫表單。事實上，許多插件允許您顯示HTML內容的DHTML窗口。例如，檢查出ThickBox。

沒有服務器端語言，你可以使用類似的框架。當需要引用它時，只需在框架中顯示錶單片段。就我個人而言，我不太喜歡相框，所以這對我來說不是一個非常有吸引力的解決方案，但是如果您選擇（並適當地設計相框），您可以使用它。

Answer 2

只需將HTML中的聯繫人表單放入.html文件即可。假設你使用的是PHP或者其他東西，只需將該文件包含在聯繫頁面中，並將其包含在動態聯繫表單的部分。表單仍應提交到同一服務器端頁面，並且具有相同的外觀和風格。

例如， contactForm.html

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