paip.提升用户体验---提高兼容性无JS支持总结
来源:互联网 发布:淘宝2016版本5.9.0下载 编辑:程序博客网 时间:2024/05/29 17:36
paip.提升用户体验---提高兼容性无JS支持总结
作者Attilax , 1466519819@qq.com
网站程序.当用户关掉JS,应该可以无缝降级使用..而不至于无法使用..
还有一种情况是浏览器对JS支持不同,或者使用手机浏览器均可能导致JS支持不全,或者完全不支持.
为了提高兼容性,需要对JS的支持进行完美的设计..
以下是我总结的
1.一些控件,组件需要的JS的支持才能运行...可以设置一个SPAN把它们包起来,然后用<NOSCRIPT>标签设置SPAN的STYLE显示为NONE..这样
在无JS支持时,此组件控件就不显示出来了..如果此组件非常重要,需要追加一个无JS支持的控件,以便在无JS的情况下运行..
2.提交按钮图片
----------------------
尽可能不要用IMG标签..以及A标签...尽量使用image类型的input...这样可以在无JS支持的情况下良好的运行..
在支持JS环境下.设置其onclick属性返回FALSE就可以了...就当普通按钮使用了.
<script>
//ati LO2
(function()
{
var x=document.getElementById("WebUserControl1_ImageButton1");
x.onclick=function(){
//alert();
return login_click();
} ;
})();
</script>
3.AJAX提交的改变
--------------------
需要增加无JS支持时的提交按钮.以及FORM,以便顺利运行..
- paip.提升用户体验---提高兼容性无JS支持总结
- paip.提升用户体验与安全性---注册流程总结
- paip.提升用户体验----错误信息提示结构总结
- paip.提升用户体验------c++ 拖曳使用总结..
- paip.提升用户体验----c++ 源码字体自定义制造总结
- paip.提高用户体验----c++图片按钮方法总结
- paip.提升用户体验-----用户注册设计
- paip.提升用户体验之全角半角
- paip.提升用户体验---导入导出
- paip.提升用户体验---文件查找
- paip.提升用户体验---提示语
- paip.提升用户体验---注册异常记录
- paip.提升用户体验---搜索功能设计
- paip.提升用户体验----置顶菜单
- paip.提升用户体验---程序异常处理
- paip.提升用户体验---WEB程序页面的手机及平板浏览器兼容支持
- paip.提升用户体验---网站程序HTML,JS需要注意的地方
- paip.提升用户体验与提升安全性----记住密码
- DOS下的SVGA编程
- poj1461 Shredding Company(DFS)
- OLED
- 对lds链接脚本的分析,唉!
- C++ - 区分内存分配的方式
- paip.提升用户体验---提高兼容性无JS支持总结
- Div左右居中属性!(小技巧)
- 在.Net Framework中获得Windows目录、机器名、操作系统版本信息等系统环境信息
- zoj 3256 Tour in the Castle
- ARP欺骗病毒的专题
- java IO流学习笔记二
- 2012五场网赛部分补题#by nobody
- socket 时间查询
- 推荐几个开源web自动化测试常用的工具