iframe的刷新按钮 [英] Iframe reload button

问题描述

我看过很多网站，但他们都不工作的权利或我不理解他们。我想了一个简单的按钮，刷新了一定的iframe。该按钮将是父页面上的iframe的名字是右。

I have looked on many websites but none of them seem to work right or I don't understand them. I would like a simple button that refreshes a certain iframe. The button would be on the parent page and the iframe name is "Right".

推荐答案

有很多方法可以做到这一点。假设这 IFRAME 标记：

There are many ways to do this. Assuming this iframe markup:

<iframe name="Right" src="http://www.example.com"></iframe>

我们可以用一个函数调用做到这一点：

We can do it with a function call:

HTML

<button onclick="refreshIframe();">Refresh Iframe</button>

JS

function refreshIframe() {
    var ifr = document.getElementsByName('Right')[0];
    ifr.src = ifr.src;
}

或用内联JS ：

<button onclick="var ifr=document.getElementsByName('Right')[0]; ifr.src=ifr.src;">Refresh Iframe</button>

或使用事件侦听器：

HTML

<button id="iframeRefresher">Refresh Iframe</button>

JS

window.onload = function() {
    document.getElementById('iframeRefresher').addEventListener('click', function() {
        var ifr = document.getElementsByName('Right')[0];
        ifr.src = ifr.src;
    });
}

同上，现在与IE和LT支持; = 8，在全球范围内为处理程序而不是匿名之一：

HTML

<button id="iframeRefresher">Refresh Iframe</button>

JS

window.onload = function() {
    var refresherButton = document.getElementById('iframeRefresher');
    if (refresherButton.addEventListener)
        refresherButton.addEventListener('click', refreshIframe, false);
    else
        refresherButton.attachEvent('click', refreshIframe);
}

function refreshIframe() {
    var ifr = document.getElementsByName('Right')[0];
    ifr.src = ifr.src;
}

所有这一切，甚至没有接触的jQuery或任何其他库。

All of this without even touching jQuery or any other library.

在以下这些你应该使用？无论你考虑更多的维护和可读性。只要避免全局变量只要有可能。我个人避免内嵌JS的标记，听众似乎是不必要的，但是这只是我。选择哪个更适合你。

Which of these you should use? Whichever you consider more maintainable and readable. Just avoid global vars whenever possible. I'd personally avoid inline JS with the markup, and the listeners seem to be unnecessary, but that's just me. Choose whichever suits you better.

这篇关于iframe的刷新按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！