在 iframe 中运行 Javascript 命令 [重复]答案

【问题标题】：Run a Javascript command into a iframe [duplicate]在 iframe 中运行 Javascript 命令 [重复]
【发布时间】：2020-06-07 06:22:30
【问题描述】：

我有一个在 iframe 中包含另一个页面的 HTML 页面，如下所示：

<!DOCTYPE html>
<html>
<head>
    <style>
        iframe{width:100vw;height:100vh;border:0}
    </style>
    <script>
        function reload(){setTimeout(function(){document.body.firstElementChild.src+="",reload()},300000)}reload();
    </script>
</head>
<body>
<iframe id="mappa" src="*********"></iframe>
</body>
</html>

现在我想在这个 iframe 中运行一个命令，像这样：$(".SimpleSliderDecrementButton").trigger("click");

我怎样才能让这个命令运行到 iframe 中？

【问题讨论】：

这能回答你的问题吗？ Invoking JavaScript code in an iframe from the parent page

标签： javascript html iframe console

【解决方案1】：

您可以尝试使用发射。 $(youriframe).emit('click') 或 dispatchEvent('click')。您还可以查看有关发射事件的规范。

【讨论】：

【解决方案2】：

https://codesandbox.io/s/ancient-shadow-9b4yk

您可以使用iframe.contentDocument 来访问iframe 内的.SimpleSliderDecrementButton 和.click() 而不是.trigger()。

const iframe = document.querySelector("iframe");
$(iframe.contentDocument).find(".SimpleSliderDecrementButton").click();

【讨论】：