a标记在IE8下不兼容问题

大家好，有个问题想请教大家，我的一个frame，其中top页面所有的a在IE8下都没有反映，但是其他的浏览器都是好的，贴上代码请大家指点下<div class="user-info">欢迎 ，${company.name }公司:&nbsp;${sessionUser.userName }<span style="margin-left:10px;"><a href="javascript:void(0)"><img src="<%=path %>/images/progress.gif" style="margin-bottom:-3px;"/></a></span><span style="margin-left:5px;"><a href="javascript:logout()" title="退出系统">[ 退出 ]</a></span></div>
JS代码如下function logout(){  if(!confirm('确认要退出当前系统？')){
  return;
 }
 window.parent.location="<%=path %>/sysLogout.do?userId=${sessionUser.userId}";
    
}

解决方案 »

  1.   

    把整个页面都贴上吧，大家帮忙看下，急
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ include file="/main/include.jsp"%>
    <%
    %>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>一汽集团远程教育平台</title>
    <script type="text/javascript" src="<%=path %>/js/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%=path %>/js/global.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%=path %>/js/scrollable.min.js" charset="utf-8"></script>
    <script type="text/JavaScript" src="<%=path %>/js/ajax.js"></script>
    <script type="text/JavaScript" src="<%=path %>/js/BaseFunc.js"></script>
    <link href="<%=path %>/css/base.css" type="text/css" rel="stylesheet"/>
    <link href="<%=path %>/css/layout.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
     .logo,img { behavior: url("<%=path %>/css/iepngfix.htc") }
     body {font-size:<?php echo $_COOKIE['proFont'] ?>px;}
    </style>
    </head>
    <body   onload='meizzTime();defualt();' style="background:#f3f3f3;">
    <!-- 头部banner开始 -->
    <div id="header">
    <div style="float:left;margin:8px 0px 0px 15px;"><a href="javascript:void(0)"><img src="<%=path %>/images/logo-aim.png" width="290" height="50" alt="AIM"/></a></div>
    <div style="float:left;margin-left:5px;margin-top:8px;">
    <!-- img src="../images/gas-1.png" />
    <img src="../images/gas-2.png" />
    <img src="../images/gas-3.png" /-->
    </div>
    <div class="banner-right">
    <div class="user-info">欢迎 ，${company.name }公司:&nbsp;${sessionUser.userName }<span style="margin-left:10px;"><a href="javascript:void(0)"><img src="<%=path %>/images/progress.gif" style="margin-bottom:-3px;"/></a></span><span style="margin-left:5px;"><a href="javascript:logout()" title="退出系统">[ 退出 ]</a></span></div>
    <!-- div class="fontChange"><a href="javascript:setFontSize(16)"><img src="../images/fonts_largest_icon.gif"/></a></div>
    <div class="fontChange"><a href="javascript:setFontSize(14)"><img src="../images/fonts_larger_icon.gif"/></a></div>
    <div class="fontChange"><a href="javascript:setFontSize(12)"><img src="../images/fonts_normal_icon.gif"/></a></div-->
    <div class="clear"></div>
    <div class="current-time" id='time'><p></p></div>
    </div>
    <div class="clear"></div>
    </div>
    <!-- 头部banner结束 --><!-- 导航nav开始 -->
    <div id="nav">
    <ul id='toptiles' style="margin-left:60px;">
     <div id ='preId' style="display: block">
        <c:forEach items="${tabFuns}" var="fun" varStatus="stauts">
      <li><a name='topSelect' title="${fun.funcode}" id="topTitle${stauts.index}" class="nav-link" style="TEXT-DECORATION:none" href="javascript:clickItem('topTitle${stauts.index}','leftmenu.do?funcode=${fun.funcode}')">${fun.funname}</a></li>
    </c:forEach>
     </div>
    </ul> <div class="clear"></div>
    </div>
    <script type="text/javascript">
    //放入了index.html页面中
    //$(window).unload( function () { 
    // logout();
    //} );
    $(document).ready(function() {
    //将选中的栏目id值，传入该段js，显示前端的选中效果
    $("#topTitle0").removeClass("nav-link").addClass("nav-current");
    $("#topTitle0").prepend("<img src='<%=path %>/images/tab-left.gif' class='navLeft' style=\"width:6px;position:absolute;left:-1px;top:0;\"/>");
    $("#topTitle0").prepend("<img src='<%=path %>/images/tab-right.gif' class='navRight' style=\"position:absolute;right:-1px;top:0;\"/>");
    })function selectTitle(indexId){
    $("#nav ul li a").removeClass("nav-current").addClass("nav-link");
    $("#nav ul li a img").remove(".navLeft");
    $("#nav ul li a img").remove(".navRight");
    $("#"+indexId).removeClass("nav-link").addClass("nav-current");
    $("#"+indexId).prepend("<img src='<%=path %>/images/tab-left.gif' class='navLeft' style=\"width:6px;position:absolute;left:-1px;top:0;\"/>");
    $("#"+indexId).prepend("<img src='<%=path %>/images/tab-right.gif' class='navRight' style=\"position:absolute;right:-1px;top:0;\"/>");
    }
    function clickItem(indexId, url){
    var mainFrame = window.parent.document.getElementById('leftFrame');
    mainFrame.src = url;
    initTop();
    selectTitle(indexId);
    return;
    }

    function defualt(){
    var obj = '[com.leapinfo.webedu.hibernate.pojo.Functioncode@cb7d7c]';
    if(obj == ''){
    return;
    }
    var initObj = document.getElementById('topTitle0');
    if(initObj.title =='1101'){
    //initObj.style.display ='none';
    }
    clickItem(initObj.id,'leftmenu.do?funcode='+initObj.title);
    return;
    }

    function initTop(obj){
    var obj;
    var hrefs = document.getElementsByName('topSelect');
    for(var n = 0; n<hrefs.length; n ++){
    obj = hrefs[n];
    obj.className='nav-link';
    //obj.remove("<img src='<%=path %>/images/tab-left.gif' style=\"width:6px;position:absolute;left:-1px;top:0;\"/>");
    //obj.remove("<img src='<%=path %>/images/tab-right.gif' style=\"position:absolute;right:-1px;top:0;\"/>");
    }
    }    function moreItem(){
            var moreItem = document.getElementById('moreId');
            var preItem = document.getElementById('preId');
            var moreMunuId = document.getElementById('moreMunuId');
            var moreMenuHtml = moreMunuId.innerHTML;
            if(moreMenuHtml.indexOf('gt') != -1){
             moreMunuId.innerHTML ='&lt;&lt';
            }else{
             moreMunuId.innerHTML ='&gt;&gt';
            }
            if(moreItem.style.display == 'none'){
                preItem.style.display ='none';
             moreItem.style.display ='block';
             //默认显示更多模块的第一个模块
               var initObj = document.getElementById('topTitle8');
       clickItem(initObj.id,'leftmenu.do?funcode='+initObj.title);
            }else{
             moreItem.style.display ='none';
             preItem.style.display ='block';
             //默认显示更多模块的第一个模块
               var initObj = document.getElementById('topTitle0');
       clickItem(initObj.id,'leftmenu.do?funcode='+initObj.title);
            }
    return;
        }
    //星期函数
    function initArray(){
    this.length=initArray.arguments.length
    for(var i=0;i<this.length;i++)
    this[i+1]=initArray.arguments[i]
    }
    function meizzTime() 
    { 
    var mei = new Date(); 
    mei.setTime(mei.getTime() + 1000); 
    var y = mei.getYear();//年
    var t = mei.getMonth()+1;//月分需加1
    var d = mei.getDate();//日
    var w = new initArray(
    "星期日",
    "星期一",
    "星期二",
    "星期三",
    "星期四",
    "星期五",
    "星期六"); 
    var z = w[mei.getDay()+1]//星期
    var h = (mei.getHours() > 9) ? mei.getHours() : "0" + mei.getHours(); //时
    var m = (mei.getMinutes() > 9) ? mei.getMinutes() : "0" + mei.getMinutes(); //分
    var s = (mei.getSeconds() > 9) ? mei.getSeconds() : "0" + mei.getSeconds(); //秒
    document.getElementById('time').innerHTML ='日期：&nbsp;'+''+y +'年'+ t +'月'+ d +'日 '+z+' '+ h +':'+ m +':'+ s +' '; //显示年月日和时间
    setTimeout("meizzTime()", 1000); 
    }function logout(){  if(!confirm('确认要退出当前系统？')){
      return;
     }
     window.parent.location="<%=path %>/sysLogout.do?userId=${sessionUser.userId}";
        
    }
    </script>
    <!-- 导航nav结束 -->
    </body>
    </html>
      

  2.   

    <a href="javascript:logout()" 改成：<a href="###" onclick="logout()">试试。
    另外在frame里边的话，target="_parent" 就可以直接跳转，也没必要非要 location 转向。
      

  3.   

    <a href="###" onclick="logout()"> 这个我试过了不行，另外我在这个文档的其他位置也试了用a，结果一样IE8下还是没有反映，但是left等其他页面的frame都是好的，唯独这个top