如何实现打开网页自动到达指定位置？

发布时间：2018-08-21 16:26:21 所属栏目：交互来源：站长网

导读：问题：如何进去页面后自动到某个位置不要index.html#hehe 这种形式，就是我直接进入一个.html的文件，如何直接就到#hehe 的这个位置，谢谢了回答： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xht

如何实现打开网页自动到达指定位置？ 问题：

如何进去页面后自动到某个位置不要index.html#hehe 这种形式，就是我直接进入一个.html的文件，如何直接就到#hehe 的这个位置，谢谢了

回答：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>如何实现打开网页自动到达指定位置？ - Liehuo.Net</title> <meta name="generator" content="editplus" /> <meta name="author" content="烈火网 liehuo.net" /> <meta name="keywords" content="烈火网 liehuo.net" /> <meta name="description" content="" /> </head> <body> 2秒后自动定位到"位置一" <div id="p1">位置一(三秒钟后自动定位到位置二)</div> <div id="p2">Hi,这里是位置二</div> </body> <script type="text/javascript"> //<![CDATA[ setTimeout(function(){ document.getElementById('p1').scrollIntoView(); }, 2000); setTimeout(function(){ document.getElementById('p2').scrollIntoView(); }, 5000); window.scrollTo(0, 200);//或者使用 window.scrollTo 直接使滚动条移至某个位置 //]]> </script> </html> <center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：济源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!