如何抓取Iframe中的所有内容?

时间:2012-07-09 08:50:37

标签: javascript iframe

我需要做的是,我想要一本关于谷歌书籍的书的Pdf。 一本书的每一页都是通过AJAX来的。但谷歌也提供iframe 这是我正在寻找的一个iframe

<iframe id="iframeId" frameborder="0" scrolling="no" style="border:0px" src="http://books.google.com.pk/books?id=KOrTwnwcJ9IC&lpg=PP1&dq=magento%20books&pg=PT36&output=embed" width=500 height=500></iframe>

我想把这本书的所有内容都放在某个div中而不是制作它的Pdf.i可以做所有但是我不能抓住内容

我试过这个,但说id没有定义

  <Script type="text/javascript">

   var doc;
 if (document.getElementById(iframeId).contentDocument) {
   doc = document.getElementById(iframeId).contentDocument;
 }
 else if (document.getElementById(iframeId).contentWindow) { // older IE
  doc = document.getElementById(iframeId).contentWindow.document
  }

 if (doc) { alert(doc.body.innerHTML) }

</script>

在orignal iframe标签中没有id,所以我手动为id =“iframeId”的iframe标签写id 但是没有任何想法?

1 个答案:

答案 0 :(得分:1)

只要iframe中加载的页面位于同一个域中,您就可以使用以下内容:

 var myIFrame = document.getElementById(iFrameName);
 var content = myIFrame.contentWindow.document.body.innerHTML;

但Google还支持以JSON格式从Google文档中获取信息:

https://developers.google.com/gdata/samples/spreadsheet_sample?hl=ro

第二个可能就是你要找的东西。