onload不加载iframe jquery

时间:2011-03-21 15:48:42

标签: jquery iframe onload

在我的页面上,我有2个iframe。

我有一个功能,可以在点击时重新加载iframe。

现在我想在不加载2 iframe的情况下加载主页面。 那可能吗?我该怎么做?

 <ul>
          <li><a href="#discotheque">Discoth&egrave;que</a>
          </li>
          <li><a href="#articlesPresse">Articles de presse</a></li>
  </ul>

  <div id="discotheque">
<a href="javascript: void(0)" onclick="discothequeReload();" style="text-decoration: none" class="">Nouvelle recherche</a>
    <script type="text/javascript">

    function discothequeReload () {
    var f = document.getElementById('discothequeReload');
    f.src = f.src;
    }
    </script>

                <!--TEST RELOAD-->
        <iframe id="discothequeReload" frameborder="0" src="http://www.google.com">
        </iframe>


  </div>


  <div id="articlesPresse">
        Articles de presse
                <a href="javascript: void(0)" onclick="articlesPresseReload();" style="text-decoration: none" class="">Nouvelle recherche</a>
<script type="text/javascript">

function articlesPresseReload () {
var f = document.getElementById('articlesPresseReload');
f.src = f.src;
}
</script>
            <!--TEST RELOAD-->
        <iframe id="articlesPresseReload" frameborder="0" src="http://www.yahoo.com">
        </iframe>
  </div>

2 个答案:

答案 0 :(得分:1)

在用户点击链接时加载页面并加载de iframe?好的,在用户点击时输入iframe html。我认为它有用......我记得我做过这样的事情 几个月前。

<a href="#" onclick="discothequeReload();" style="text-decoration: none" class="">Nouvelle recherche</a>

<div id="discotheque">
<!-- without the ifram -->
</div>

<script>
function discothequeReload() { 
    $("#discotheque").html('<iframe id="discothequeReload" frameborder="0" src="http://www.google.com"></iframe>');
}
</script>

答案 1 :(得分:0)

如果您要将自己的页面重定向到iframe的位置...

document.location = $("#articlesPresseReload")[0].src;