Webkit Javascript导致页面跳转

Question

使用此代码

v=new Date();
var bxx=document.getElementById('bxx');
function t(){
    n=new Date();
    ss={time};
    s=ss-Math.round((n.getTime()-v.getTime())/1000.);
    m=0;h=0;
    if(s<0){
        bxx.innerHTML='<a ';
    }else{
        if(s>59){m=Math.floor(s/60);s=s-m*60;}
        if(m>59){h=Math.floor(m/60);m=m-h*60;}
        if(s<10){s="0"+s}
        if(m<10){m="0"+m}
        bxx.innerHTML=h+':'+m+':'+s+'<br>{name}</a>';
    }
    window.setTimeout("t();",999);
}
t();

每当调用t（）时，页面就会跳到屏幕顶部。 有任何想法吗？

{}是服务器解析的变量，但是它们应该引起任何问题。

跳转是指滚动到页面底部的页面突然跳转到页面顶部

Answer 1

我不知道跳跃的问题，但是该代码有两个问题：

1）希望所有这些变量都在您未显示的地方声明？ （如果没有，那么您将成为“隐式全球性恐怖”的猎物，我建议您避免使用。）

2）此代码：

bxx.innerHTML='<a ';

...要求浏览器解析无效的HTML片段。

3）像这样的代码：

bxx.innerHTML=h+':'+m+':'+s+'<br>{name}</a>';

...因为h和此类是数字，所以您最终得到1:23:45<br>name</a> 。

innerHTML属性不能包含部分元素标签，因为它表示元素的全部内容，并且元素不能像这样相互交叉（DOM是一棵树，而不是编织）。

您需要修改代码，以便始终将完整bxx.innerHTML a标记写入bxx.innerHTML属性。

一旦执行此操作，如果元素的先前内容与新内容具有不同的尺寸，则可能仍会引起一些小的跳跃。 您可以使用CSS（具有宽度和高度等的内联块元素）缓解这种情况。