Question

我需要点击两个网页之间更改两个iframe的相同内容。就像一个只需要点击一下就需要在两个屏幕上更改为新幻灯片的powerpoint。

我希望你能给我答案！谢谢！

Answer 1

如果您熟悉更改一个iframe的内容，那么在多个iframe上执行此操作非常简单。如果您确定永远不需要更改两个以上的iframe，那么最简单的解决方案是使用Javascript执行类似的操作：

// function that updates a single iframe
function updateIframe(iframe) {
  var iframeDocument = iframe.contentWindow.document;
  // iframeDocument is the iframe's document, so commands
  // like the ones below will work.
  // iframeDocument.appendChild();
  // iframeDocument.body.innerHTML = "<h1>Hello World</h1>";
}

// get the iframes from the DOM by their html id attribute
var iframe1 = document.getElementById('iframe1');
var iframe2 = document.getElementById('iframe2');

// bind a click event listener to the document body that
// will run updateIframe on both iframes
document.body.addEventListener('click', function() {
  updateIframe(iframe1);
  updateIframe(iframe2);
});

只需点击一下，即可在两个网页之间更改两个iframe的相同内容

1 个答案: