浏览器兼容锚点问题(兼容google)

//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";
    }

样图,