我正在使用非常少量的 Javascript 构建一个网站,只是为了向页面添加内容(如联系表格),而无需转到新页面。
我知道无论如何我都应该建立联系页面(以防万一用户没有打开 javascript),然后如果他们有 javascript 就使用它。
那么如果我不想在两个地方存放表单的 HTML,我应该在哪里存储它呢?
(通常我不是那么挑剔,但我对这个很好奇。)
我正在使用非常少量的 Javascript 构建一个网站,只是为了向页面添加内容(如联系表格),而无需转到新页面。
我知道无论如何我都应该建立联系页面(以防万一用户没有打开 javascript),然后如果他们有 javascript 就使用它。
那么如果我不想在两个地方存放表单的 HTML,我应该在哪里存储它呢?
(通常我不是那么挑剔,但我对这个很好奇。)
如果您有权访问服务器端语言,则可以在外部页面中保留单独的表单片段。然后,您可以通过适当的include
调用将该片段包含到 HTML 内容页面中。这还有一个额外的好处,即对于您的 JavaScript,您可以使用 AJAX 从该片段文件中提取联系表单。事实上,许多插件允许您显示带有 HTML 内容的 DHTML 窗口。例如,查看ThickBox。
如果没有服务器端语言,您可以对框架执行类似的操作。当您需要引用它时,只需在框架中显示表单片段。就个人而言,我不太喜欢框架,所以这对我来说不是一个非常有吸引力的解决方案,但如果你选择(并适当地设计框架),你可以使用它。
只需将联系表单的 HTML 放在 .html 文件中即可。假设您使用的是 PHP 或其他东西,只需将文件包含在您的联系页面中,并将其包含在您的动态联系表单部分中。表单仍应提交到相同的服务器端页面并具有相同的外观和感觉。
例如contactForm.html
<div class="contact-form">
<input ....>
</div>