paip.提升用户体验---提高兼容性无JS支持总结
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,以便顺利运行..
