坑爹的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
最新文章
- DOS下windows系统查看wifi密码
- myql 查询树形表结果:说说、说说的述评、评论的回复
- TortoiseGit编辑全局变量支持https
- sqlserver临时启用和关闭约束
- 安装完最小化 RHEL/CentOS 7 后需要做的 30 件事情(三)码农网
- PHP中的替代语法(冒号、endif、endwhile、endfor)
- Have You Ever Wondered About the Difference Between NOT NULL and DEFAULT?
- ActiveX控件(ATL篇)
- dom 留言加强
- 各种";居中";
- 【MongoDB】应用场景
- Cocostudio学习笔记(1) 扯扯蛋 + 环境搭建
- IEEE浮点数float、double的存储结构
- JS base64 加密和解密
- Spring Cloud的应用程序—上下文服务
- sync.Pool的使用
- 在不安装sqlite3的时候使用sqlite3数据库以及问题/usr/bin/ld: skipping incompatible.....的解决
- 清理本地Maven仓库
- (转)c# 互斥锁
- windows下php的各个版本下载地址