Question

javascript中遇到的浏览器兼容问题

<script type="text/javascript">
var x=0;
var y=0;
var box;
var clientWidth;
var cilentHeight;
var i;
var b=false;
function start(){
i=setInterval(move,100);//没隔100毫秒调用一次move方法
}
function stop(){//停止执行i
clearInterval(i);
}
function move(){
box=document.getElementById('box');
//clientWidth=document.body.clientWidth;//获得当前页面的可见宽度(body适用于IE浏览器)
//clientHeight=document.body.clientHeight;//获得当前页面的可见高度(body适用于IE浏览器)
clientWidth=document.documentElement.clientWidth;//（documentElement适用于大部分通用浏览器）
clientHeight=document.documentElement.clientHeight;//（documentElement适用于大部分通用浏览器）
box.style.posTop=y;
if(b==false){
y+=20;
if(y>=(clientHeight-box.offsetHeight)){//如果y大于或者等于可见高度减去容器自身高度(在大就超出了)
b=true;
}
}else if(b){
y-=20;
if(y<=0){
b=false;
}
}
}
</script>
这段代码在DreamWeaver中可以运行，在ie浏览器和猎豹浏览器就没作用了

Answer 1

楼主遇到的兼容处理问题，应该去了解一下 与或的使用

把获取可是高度和宽度部分的代码换成这个就可以了

clientWidth=document.documentElement.clientWidth || document.body.clientWidth;;//（documentElement适用于大部分通用浏览器）
clientHeight=document.documentElement.clientHeight || document.body.clientHeight  ;//（documentElement适用于大部分通用浏览器）

追问

还是不行

你帮忙看看是不是别的问题，谢谢你

追答

刚去吃饭了，我这给你看看
楼主把页面的全部代码都贴出来 或者爆QQ