如何使用 javascript 从 iframe 中提取链接

Question

例子：

iframe.html

<a href="http://www.google.com">Google</a>
bla bla bla
<a href="http://www.yahoo.com">Yahoo</a>

索引.html

<script>
...
</script>
There are the links from "iframe.html"
http://www.google.com
http://www.yahoo.com

Answer 1

如果域、协议和端口匹配，只需使用...

var links = $('iframe:first').contents()[0].links;

js小提琴。

...或没有 jQuery...

var iframe = document.getElementsByTagName('iframe')[0],
    doc = iframe.contentDocument || iframe.contentWindow.document; 

var links = doc.links;

js小提琴。

这利用了document.links属性。

Answer 2

假设您的 iframe 与您的网站在同一个域上，并且具有 id“my_iframe”并且您有一个 id 为“results”的 div，这应该适合您：

$("#my_iframe").contents().find('a').each({
    $('#results').append($(this).attr('href') + '<br />');
});

花点时间阅读 JQuery 的.contents() function。