如何使用JavaScript逐步增强此内容?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了如何使用JavaScript逐步增强此内容?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1170字,纯文字阅读大概需要2分钟。
内容图文
这个问题的背景是我正在做一个计算项目,其中涉及一些下拉框用于输入,以及一个文本输入,用户可以在其中输入日期.
我已经使用YUI增强了表单,因此日历输入使用YUI calendar widget,下拉列表被转换为水平输入列表,用户只需要单击一次即可选择任何输入,而不是单击两次即可下盒(希望如此,不确定如何清楚地说明)
问题是,在我的项目的设计部分中,我说过我将遵循渐进增强原则.但是,我要努力确保没有JavaScript的用户能够查看所述页面上的下拉框/文本输入.
这不是因为我不一定知道怎么做,而是我尝试过的两种方法似乎并不令人满意.
方法1-我尝试使用YUI隐藏文本框和下拉列表,这似乎是理想的解决方案,但是在加载页面(尤其是首次加载)时,文本框和下拉列表存在明显的滞后至少可见一秒钟.我在body标签结尾之前加入了此脚本,是否可以通过YUI在加载时运行它?有帮助吗?
方法2-使用noscript标记. . .但是我不愿意这样做,因为虽然这是一个简单的解决方案,但我已经阅读了有关noscript标记的各种不良信息.
有办法使一种方法起作用吗?还是有一个更好的方法可以解决我尚未遇到的问题?
解决方法:
Yui发生了domready事件(在onload之前发生了一点)
http://yuilibrary.com/yui/docs/api/classes/YUI.html#event_domready
function bootstrap(ev) {
alert("This is the code to launch on domready");
}
YUI().use(
"event",
function (Y) {
Y.on("domready", bootstrap);
}
);
应该做你想要的
内容总结
以上是互联网集市为您收集整理的如何使用JavaScript逐步增强此内容?全部内容,希望文章能够帮你解决如何使用JavaScript逐步增强此内容?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。