//1 注意a标签的写法 # <a href="#ID"></a>
<div style="text-align: center;height: 35px;">
<a href="#bgxx" class="a_dh" οnclick="dhclick('bgxx')" id="bgxx_a">变更信息</a>
<a href="#fypjxx" class="a_dh" οnclick="dhclick('fypjxx')" id="fypjxx_a">法院判决信息</a>
<a href="#fyggxx" class="a_dh" οnclick="dhclick('fyggxx')" id="fyggxx_a">法院公告信息</a>
<a href="#sxrxx" class="a_dh" οnclick="dhclick('sxrxx')" id="sxrxx_a">失信人信息</a>
<a href="#sfpmxx" class="a_dh" οnclick="dhclick('sfpmxx')" id="sfpmxx_a">司法拍卖信息</a>
<a href="#jyycxx" class="a_dh" οnclick="dhclick('jyycxx')" id="jyycxx_a">经营异常信息</a>
</div>
<iframe id="sfpmxx" src="${ctx}/qxbSearch/riskQuery5?companyName=${companyName}" style="width: 100%;border: 0px;"></iframe>
<ifream id="fypjxx" src="${ctx}/qxbSearch/riskQuery3?companyName=${companyName}" style="width: 100%;border: 0px;"></iframe>
<iframe id="jyycxx" src="${ctx}/qxbSearch/riskQuery4?companyName=${companyName}" style="width: 100%;border: 0px;"></iframe>.....
2, js
原理: 通过userAgent判断检测一下userAgent返回的字符串里面是否包含“Chrome”, 具体怎么检测是通过indexOf方法进行的。
关于indexOf方法:
indexOf方法返回一个整数值,指出String对象内子字符串的开始位置。即indexOf()括号内所包含的字符在该字符串内的位置,在第几位就返回几,从0开始记数。如果有重复的字符出现,以第一个字符为准。如果没有找到子字符串,则返回 -1。
<%-------导航设置-------%>
var zz ;//指针
function dhclick(id){
//兼容 google
var isChrome = window.navigator.userAgent.indexOf("Chrome") !== -1;
if(isChrome) {
var hash = window.loaction.hash; //获取链接过来的锚点值,#test
hash = hash.replace("#", ""); //去掉#
//1,跳转到指定锚点
document.getElementById(hash).scrollIntoView(true);
}else{
document.getElementById(id).scrollIntoView(true);
}
//1,跳转到指定锚点
//document.getElementById(hash).scrollIntoView(true);
//2,变更对应点击项的 css border-bottom: 2px solid grey;
// if(zz) {
// $("#" + zz).removeClass("a_dh_1");
// }
// $("#"+id+"_a").addClass("a_dh_1");
// zz=id+"_a";
}
样图,