浏览器兼容（根据不同的浏览器执行不同的代码）

最新推荐文章于 2024-10-16 00:32:26 发布

原创最新推荐文章于 2024-10-16 00:32:26 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

Web前端开发专栏收录该内容

72 篇文章

订阅专栏

本文介绍了一种根据用户浏览器类型（IE、Firefox、Safari等）动态调整表格滚动区域高度的方法，确保了在各种浏览器下都能获得良好的显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

if(navigator.userAgent.indexOf("MSIE")>0) { //IE,360
				//tbody.wrap("<div class='gridScroller'" + layoutStr + " style='width:" + $tc.width() + "px; height:210px; overflow: auto;'><div class='gridTbody'><table style='width:" + (tlength - 20) + "px;'></table></div></div>");
				tbody.wrap("<div class='gridScroller'" + layoutStr + " style='width:" + $tc.width() + "px;'><div class='gridTbody'><table style='width:" + (tlength - 20) + "px;'></table></div></div>");
			} else if(isFirefox=navigator.userAgent.indexOf("Firefox")>0) { //Firefox
				//tbody.wrap("<div class='gridScroller'" + layoutStr + " style='width:" + $tc.width() + "px; height:230px; overflow: auto;'><div class='gridTbody'><table style='width:" + (tlength - 20) + "px;'></table></div></div>");
				tbody.wrap("<div class='gridScroller'" + layoutStr + " style='width:" + $tc.width() + "px;'><div class='gridTbody'><table style='width:" + (tlength - 20) + "px;'></table></div></div>");
			} else if(isSafari=navigator.userAgent.indexOf("Safari")>0) { //Chrome
				tbody.wrap("<div class='gridScroller'" + layoutStr + " style='width:" + $tc.width() + "px; height:275px; overflow: auto;'><div class='gridTbody'><table style='width:" + (tlength - 20) + "px;'></table></div></div>");
			} else {
				tbody.wrap("<div class='gridScroller'" + layoutStr + " style='width:" + $tc.width() + "px; overflow: auto;'><div class='gridTbody'><table style='width:" + (tlength - 20) + "px;'></table></div></div>");
			}