如何点击一个按钮，浏览器定位到指定DIV的位置？不要用scrollIntoView

Question

<script type="text/javascript">
function showSearch(){   
 var oDiv=document.getElementById("search"); 
 var t=document.createElement("input");t.type="text";oDiv.appendChild(t);t.focus();
 oDiv.removeChild(t);
}
</script><div id="addbutton"> <input onclick="showSearch()" type="button" value="搜索"> </div>
111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>
111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>
111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>111<br/>
111<br/>111<br/>111<br/>
<div id="search" style="left: 8px; top: 24px; height: 168px;width: 200px" >oDiv
</div>

Answer 1

更改下js，应该插入第一个位置来的
function showSearch(){   
 var oDiv=document.getElementById("search"); 
 var t=document.createElement("input");t.type="text";
 oDiv.insertBefore(t,null);//===============
 t.focus();
 oDiv.removeChild(t);
}

Answer 2

-_-!
function showSearch(){   
 var oDiv=document.getElementById("search"); 
 var t=document.createElement("input");t.type="text";
 oDiv.insertBefore(t,oDiv.firstChild);//========
 t.focus();
 oDiv.removeChild(t);
}

Answer 3

如果层中有内容的话，oDiv.appendChild(t); 添加到层的最后效果要好些。学习啊 

Answer 4

我不要scrollIntoView()的目的是
当有上下两个iframe的时候，用scrollIntoView()时，定位是定位到指定位置了。
但是上面的iframe不见了。现在用showbo的函数也是一样。可以定位，但是上面的iframe在定位后同样会消失。
应该则样解决呢？再请教一下showbo

Answer 5

用锚记也一样，当定位时，iframe1就不见了。

Answer 6

不是源代码不见，而是iframe1消失了，要重新加载页面才显示。

Answer 7

当在右iframe内使用锚记连接的时候，就会把头iframe挤掉。
怎样令在右iframe内使用锚记连接时头iframe和左边的iframe不动。只是右iframe出现滚动？<div id="out" >
        <div id="logo">  </div>
            <div id="header">        
                <IFRAME frameBorder="0" id="head" name="head" src="MenuHeade.aspx" 
                            scrolling="no"  marginheight="0" marginwidth="0" style=" width: 100%; height: 64px;">
                            </IFRAME>
            </div>
            <div id="contain">
                <div id="mainbg">
                    <div id="leftt">
                        <IFRAME frameBorder="1" id="left2" name="left" src="menuhtml/left1.htm" width="100%" height="700px"
                            scrolling="no" marginheight="0" marginwidth="0">
                            ></IFRAME>
                    </div>
                    <div id="right">
                        <IFRAME frameBorder="1" id="frmright2" name="frmright" scrolling="no"  src="" width="100%"
                            height="700px" marginheight="0" marginwidth="0">
                        </IFRAME>
                    </div>
                </div>
            </div>
            <div id="footer"></div>
            </div>