Question

我是一个相当新手的网络程序员，所以如果我的代码不是那么精致，那就道歉了。我的网站在Chrome，Safari和Opera中运行良好，但在Internet Explorer中运行不正确。

我使用javascript函数更改innerhtml的源代码以在我的站点中导航。出于某种原因，仅在Internet Explorer中，第二次使用导航单击更改innerhtml时，没有任何反应。如果我清除空白屏幕上的缓存，则加载正确的innerhtml源。

相关代码如下：

HTML：

<div  id="BannerImage">
  <div  id="BannerImageSmall">
        <iframe   width="700" height="230" border="0" frameborder="0"     scrolling="no" src="movies/classic_fades/_classic_fades.html" ALLOWTRANSPARENCY="true"></iframe>
  </div>
</div>

JAVASCRIPT：

<script type="text/javascript">

     function linkClicking(myLink)
     {
         var dv = document.getElementById('BannerImage');

         //remove all child nodes
        while (dv.hasChildNodes()) {
        dv.removeChild(dv.lastChild);

        }    
    dv.style.backgroundImage = 'url("../images/banners/homeBright.jpg")';

         dv.innerHTML='<object  data="' + myLink + '" style = "height:340px; width:730px; clear:both; overflow: hidden; width: 100%;"></object>';

     }

</script>

CSS：

#BannerImage
    {
        font-size: 20px;
        font-weight: bold;
        font-color: #000000;
        background-image: url('../images/banners/home.jpg');
        background-repeat: no-repeat;
        min-height: 370px;
        height: auto; !important
        border-top: 25px solid #FFFFFF;
        border-bottom: 0px solid #FFFFFF;
        width: 800px;
        margin: auto
        float: right;
        margin-left: 100px;
        clear: both;        
    }

Javascript innerHTML更改url功能仅在IE中不起作用

0 个答案: