javascript - 我应该如何使用 JavaScript 逐步增强此内容？

Question

这个问题的背景是我正在做一个计算元素，其中涉及一些用于输入的下拉框，以及一个用户可以输入日期的文本输入框。

我使用 YUI 来增强表单，所以日历输入使用 YUI calendar widget并且下拉列表被转换为水平输入列表，用户只需单击一次即可选择任何输入，而不是使用下拉框单击两次(希望这是有道理的，不知道如何解释清楚)

问题是，在我元素的设计部分，我声明我将遵循渐进增强原则。然而，我正在努力确保没有 JavaScript 的用户能够在所述页面上查看下拉框/文本输入。

这不是因为我不一定知道怎么做，而是我尝试过的两种方法似乎都不尽人意。

方法 1 - 我尝试使用 YUI 隐藏文本框和下拉列表，这似乎是理想的解决方案，但是加载页面时有相当明显的延迟(尤其是第一次加载时) )，文本框和下拉列表至少显示一秒钟。我在 body 标签末尾之前包含了这个脚本，有什么方法可以用 YUI 加载它吗？这会有帮助吗？

方法 2 - 使用 noscript 标签。 . .但是我不愿意这样做，因为虽然这是一个简单的解决方案，但我已经阅读了有关 noscript 标签的各种坏消息。

有没有办法使方法一起作用？或者是否有我尚未遇到的更好的方法？

Answer 1

通常，显示/隐藏元素的脚本非常快。我能想到为什么第一个很慢的唯一原因是脚本在渲染元素后运行了很长时间。在您执行隐藏或其他某种延迟之前，可能有一些昂贵的脚本正在运行。

我认为解决方案是让隐藏脚本成为代码的第一部分，如有必要，在呈现下拉列表后立即在脚本 block 中运行。