paip.提升用户体验—提高兼容性无JS支持总结

paip.提升用户体验—提高兼容性无JS支持总结

作者Attilax ，

网站程序.当用户关掉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.οnclick=function(){
  
//alert();
  
return login_click();
  
}   ;
  
  
  
})();

</script>

3.AJAX提交的改变

需要增加无JS支持时的提交按钮.以及FORM,以便顺利运行..