Dry 保持干燥,逐步增强

Dry 保持干燥,逐步增强,dry,progressive-enhancement,Dry,Progressive Enhancement,我正在用非常少量的Javascript构建一个网站,只是为了在页面中添加内容(比如联系人表单),而无需进入新页面 我知道我无论如何都应该构建联系人页面(以防用户没有打开javascript),然后如果他们已经打开了,就使用javascript 那么,如果我不想将表单的HTML存储在两个地方,我应该将其存储在哪里呢 (通常我不是很挑剔,但我对此很好奇。)如果您可以访问服务器端语言,您可以在外部页面中保留表单的单独片段。然后,您可以通过适当的include调用将代码段包含到HTML内容页中。这还有一

我正在用非常少量的Javascript构建一个网站,只是为了在页面中添加内容(比如联系人表单),而无需进入新页面

我知道我无论如何都应该构建联系人页面(以防用户没有打开javascript),然后如果他们已经打开了,就使用javascript

那么,如果我不想将表单的HTML存储在两个地方,我应该将其存储在哪里呢


(通常我不是很挑剔,但我对此很好奇。)

如果您可以访问服务器端语言,您可以在外部页面中保留表单的单独片段。然后,您可以通过适当的
include
调用将代码段包含到HTML内容页中。这还有一个额外的好处,对于JavaScript,您可以使用AJAX从这个代码段文件中提取联系人表单。事实上,许多插件允许您使用HTML内容显示DHTML窗口。例如,退房


如果没有服务器端语言,您可以对框架执行类似的操作。当需要引用表单片段时,只需在框架中显示它。就个人而言,我不太喜欢框架,因此这对我来说不是一个很有吸引力的解决方案,但是如果您选择(并适当地设置框架样式),您可以使用它。

如果您可以访问服务器端语言,您可以在外部页面中保留表单的单独片段。然后,您可以通过适当的
include
调用将代码段包含到HTML内容页中。这还有一个额外的好处,对于JavaScript,您可以使用AJAX从这个代码段文件中提取联系人表单。事实上,许多插件允许您使用HTML内容显示DHTML窗口。例如,退房


如果没有服务器端语言,您可以对框架执行类似的操作。当需要引用表单片段时,只需在框架中显示它。就个人而言,我不太喜欢框架,因此这对我来说不是一个很有吸引力的解决方案,但是如果您选择(并适当地设置框架样式),您可以使用它。

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

e、 g.contactForm.html

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

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

e、 g.contactForm.html

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