坑爹的IE8
1.不能用trim(),要用$.trim()
var aa = $("#id").val().trim() 这样素不行的,要变成这样Jquery的方式 var aa = $.trim($("#id").val())
还有个迂回的方式自己来实现
参照:http://hi.baidu.com/yuiezt/item/756d0f4ec4d2640ec11613f9
2.使用<marquee>,当一轮走过后,总要有一段空白的才会走下一轮。当里面的内容超过屏幕宽度太多时,这种状况就更加明显了。
为此,改用每隔一段时间移动位置来实现。
发现当speed设成1时,IE8变得非常局促,一下快一下慢,这是为咩啊,我摔,别的IE9,Chrome都飞快地说。
<script>
var speed=100;
var tab=document.getElementById("main");
var tab1=document.getElementById("content1");
var tab2=document.getElementById("content2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft=tab.scrollLeft-tab1.offsetWidth*10
else{
tab.scrollLeft=tab.scrollLeft+10;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</script>
3.慎用"dispaly:none"/"display:block",采用"visiblity:hidden"/"visibility:show",最好用Jquery的show()和hide()来控制
"visiblity:hidden"会留出个位置给隐藏元素,这样当切换元素可见不可见的时候,画面位置不会改变。
而"display:none"在其它浏览器也没事,但碰上IE8,就会在页面上留下个残影,IE8,你的反应要不要这么慢阿!
4.当DropDown List子项值的长度超过预留位置时,IE8挡住了过长的部分,不方便选择
补救方法,在option加上title属性,使得鼠标放上面可以显示整个文本值
test : <select name="Select1" value="0" style="width:250px"> <option selected="true" value="0">Please choose a value</option> <option value="1" title='aaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbaacccccccccccc'>aaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbaacccccccccccc</option> <option value="2" title='aaaaaaaaaabbbbbbbbbbbbbbbbbbbcccccddddddd'>aaaaaaaaaabbbbbbbbbbbbbbbbbbbcccccddddddd</option> </select>
效果:
5.Jquery在做Browser support时,动态给地里面加入些元素测试,结果某些语句通不过
这个是ie的问题,它不支持修改tr或table的innerHTML属性,只允许修改td的innerHTML,真是奇葩呀
innerHTML未知的运行错误
http://www.cnblogs.com/orc/archive/2008/06/18/1224322.html
jquery-1.8.3.js
div = document.createElement("div");
div.innerHTML = "<table><tr><td></td><td>t</td></tr></table>";
jquery.js
div.innerHTML = "<div style='width:4px;'></div>";
div.innerHTML = "<table><tr><td style='padding:0;display:none'></td><td>t</td></tr></table>";
解决办法,使用低版本的jQuery,比如jquery-1.6.4
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!