如何使用js或jQuery与iframe的内容进行交互

index.html使用此代码

在other.html中我有这个代码：

   $(document).ready(function() { $("#btnInside").click(function () { alert('inside'); }); });  

我试图让外部按钮触发index.html中的内部按钮

  $(document).ready(function() { $("#btnOutside").click(function () { $("#btnInside").click(); }); });  

但是不行。 我能做什么？？

Answer 1

不同的iframe有不同的上下文和文档：当你调用$('#btnInside') ，jQuery正在主机iframe中执行并查看该文档，因此无法找到它。 如果嵌套的iframe位于同一服务器上，则可以从主机文档中隧道传输到其文档：

 $(document).ready(function() { $("#btnOutside").click(function () { $('iframe[src="other.html"]').contents().find("#btnInside").click(); }); });