页面跳转

Posted 2020-10-30 ls-2018

点击跳转

........ssss.

 

 

 

 

 

Html点击文字跳转页面，无下划线

 

 

 

<style><!--
a:link {
font-size: 12px;

text-decoration:none;
}
a:visited {
font-size: 12px;
color: #000000;
text-decoration:none;
}
a:hover {
font-size: 12px;
color: #000000;
text-decoration:none;
}
--></style>

 

 

 

<style> 
a{ text-decoration:none} 
</style> 

 

 

 

 

 

第一：通过html锚点实现滚动定位到页面指定位置（DIV） 

 <a href="#abc">点击跳转</a>

<div id="ad10">
    .........
</div>

 

 

 

 

方法二：通过点击button按钮使用js实现滚定跳转到页面指定位置（DIV）

<input  type="button" name="Submit" value="提交"  onclick="javascript:onTopClick();" />
<div id="abc">将要跳转到这里</div>
<script>
  function onTopClick() {
    window.location.hash = "#abc";
 }
</script>

//列表显示
$(function(){
    helpFind(); //页面请求数据，并加载数据
    
    setTimeout(function(){  //使用  setTimeout（）方法设定定时100毫秒
           window.location.hash="#ad10";//页面定位
        },100);
 });