如何獲取包含其他網站的<iframe>的內容？ - How do I get the contents of an <iframe> containing a different site? - 开发者知识库

中文简体相关内容

如何獲取包含其他網站的的內容？</a></h3><h4><span class="text-success">[英]</span>How do I get the contents of an <iframe> containing a different site?</h4> </center> <input type="hidden" name="voteNum" value="100"/> <div class="postinfo"> 本文翻译自 <i class="icon-user"></i> <span>cometta</span> <i class="icon-globe"></i> <a href="https://www.itdaan.com/go/aHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9xdWVzdGlvbnMvMTAzNjE0NC9ob3ctZG8taS1nZXQtdGhlLWNvbnRlbnRzLW9mLWFuLWlmcmFtZS1jb250YWluaW5nLWEtZGlmZmVyZW50LXNpdGU=" target="_blank">查看原文</a> <i class="icon-time"></i> <span>2009-06-24</span> <i class="icon-eye-open"></i> <span>547 </span> <i class="icon-tag"></i>  <span><a href="https://www.itdaan.com/tag/html.html" target="_blank">html</a>/</span> <span><a href="https://www.itdaan.com/tag/iframe.html" target="_blank">iframe</a>/</span> <span><a href="https://www.itdaan.com/tag/javascript.html" target="_blank">javascript</a>/</span> <span><a href="https://www.itdaan.com/tag/jquery.html" target="_blank">jquery</a></span>      <span id="votes"></span>  <span id="hint"></span>     </div> <hr/> <div class="ad_title_down"> <input type="hidden" name="recommend_title" value="" id="recommend_title"/> <input type="hidden" name="recommend_url" value="" id="recommend_url"/>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4353345653789615" data-ad-slot="5202993478" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media-body" id="content_div"> <p>I'm able to get the 'src' attribute of an using <code>.src</code>. But I cannot get the contents that are located in another domain. Is this a browser security problem?</p> <p><i class="icon-star"></i>我能夠獲得使用.src的'src'屬性。但我無法獲取位於另一個域中的內容。這是瀏覽器安全問題嗎?</p> <pre><code>jQuery(document).ready(function() { var elementTest = $("iframe:first").get(0); alert(elementTest.src); // ok alert(elementTest.innerHTML); // not ok }); </code></pre> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4353345653789615" data-ad-slot="8840342077"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({});</script> <h2>3 个解决方案</h2> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#1</h3> <hr/> <div class="media"> <p></p> <p>Yes, this <strong><em>restriction</em></strong> against inspecting content and executing code within that external domain is known as the <a href="https://www.itdaan.com/link/aHR0cDovL2VuLndpa2lwZWRpYS5vcmcvd2lraS9TYW1lX29yaWdpbl9wb2xpY3k=" rel="nofollow noopener" target="_blank">same-origin policy</a>.</p> <p><i class="icon-star"></i>是的,這種對檢查內容和在該外部域中執行代碼的限制稱為同源策略。</p> </div> </div> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#2</h3> <hr/> <div class="media"> <p></p> <p>What you are trying (in a sense) is cross-domain communication. This won't work in the normal way you've tried (due to the same-origin policy as noted by altCognito), but there are some solutions if you have control over the other server. Check out this article:</p> <p><i class="icon-star"></i>你在嘗試(在某種意義上)是跨域通信。這不會以您嘗試的正常方式工作(由於altCognito指出的同源策略),但如果您可以控制其他服務器,則有一些解決方案。看看這篇文章:</p> <p><a href="https://www.itdaan.com/link/aHR0cDovL21zZG4ubWljcm9zb2Z0LmNvbS9lbi11cy9saWJyYXJ5L2JiNzM1MzA1LmFzcHg=" rel="nofollow noopener" target="_blank">http://msdn.microsoft.com/en-us/library/bb735305.aspx</a></p> </div> </div> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#3</h3> <hr/> <div class="media"> <p></p> <p>The property you are looking for is contentWindow.</p> <p><i class="icon-star"></i>您要查找的屬性是contentWindow。</p> <p>Try this code:</p> <p><i class="icon-star"></i>試試這段代碼:</p> <pre><code>alert(elementTest.contentWindow.document.innerHTML); </code></pre> <p>It is analogous to the current window object, but for the iframe. so you can also do this:</p> <p><i class="icon-star"></i>它類似於當前窗口對象,但對於iframe。所以你也可以這樣做:</p> <pre><code>alert(elementTest.contentWindow.location.href); </code></pre> <p><strong>Edit</strong>: Ah - I missed the fact that you have a page from another domain in the iframe. THis method won't work for you, because of the built-in browser restrictions for one domain (your parent window) and accessing information in another domain (your iframe).</p> <p><i class="icon-star"></i>編輯:啊 - 我錯過了你有一個來自iframe中另一個域的頁面的事實。這種方法不適合您,因為一個域(您的父窗口)的內置瀏覽器限制和訪問另一個域(您的iframe)中的信息。</p> </div> </div> </div> <img alt="" src="https://www.itdaan.com/img/dash.png"/> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4353345653789615" data-ad-slot="5874745610"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <br/> <div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>注意！</h4> <p>本站翻译的文章，版权归属于本站，未经许可禁止转摘，转摘请注明本文地址：<a href="https://www.itdaan.com/blog/2009/06/24/f3e09653cb5fe58591c8d363f9e07257.html">https://www.itdaan.com/blog/2009/06/24/f3e09653cb5fe58591c8d363f9e07257.html</a>。</p> </div> <br/><br/> </div> <div class="timeout_show"> <input type="hidden" name="related_url" value="https://www.itdaan.com/blog/2011/04/15/8465450992624d792ffb071f33c76616.html" id="related_url"/> <script type="text/javascript"> timeout_show(); </script> </div>  <div class="span4 left_content"> <div id="left_list_div" class="left_content"> <a class="list-group-item" href="https://www.itdaan.com/tw/d9cf97bb0c131382dfca9e1f830e260c" title="How do I make an iframe 100% height of a containing div in Firefox?">How do I make an iframe 100% height of a containing div in Firefox?</a> <a class="list-group-item" href="https://www.itdaan.com/tw/8465450992624d792ffb071f33c76616" title="How do I crop the contents of an Iframe to show a part of a page?">How do I crop the contents of an Iframe to show a part of a page?</a> <a class="list-group-item" href="https://www.itdaan.com/tw/cc118fdbd4531cb21821419baf7e9894" title="How do I get the root url of the site?">How do I get the root url of the site?</a> <a class="list-group-item" href="https://www.itdaan.com/tw/9550455d43a4438f3fdf08626edbf971" title="How do I get the site root URL?">How do I get the site root URL?</a> <a class="list-group-item" href="https://www.itdaan.com/tw/d72006a869c10edac8ceae1f7423623e" title="How do I get the current location of an iframe?">How do I get the current location of an iframe?</a> <a class="list-group-item" href="https://www.itdaan.com/tw/837b57a6d9500434f6f7cec179b5b53f" title="How do I categorize file contents based on regex into different groups?">How do I categorize file contents based on regex into different groups?</a> <a class="list-group-item" href="https://www.itdaan.com/tw/c062b47cd8c33ab0fdb7d31fad4a8bcd" title="How do I get the current iframe location from within the iframe?">How do I get the current iframe location from within the iframe?</a> <a class="list-group-item" href="https://www.itdaan.com/tw/66d83e6f62499d9084e08479f1c5ac33" title="How do I use a list from a different site in MOSS?">How do I use a list from a different site in MOSS?</a> <a class="list-group-item" href="https://www.itdaan.com/tw/49cf2a9ddb70bdbebd7dfa95ec4b63a7" title="How do I get the name of the class containing a logging call in Python?">How do I get the name of the class containing a logging call in Python?</a> <a class="list-group-item" href="https://www.itdaan.com/tw/19f1326529c59fa9037659a16af8d558" title="How do I get and compare the contents of a cell in an Excel spreadsheet by name?">How do I get and compare the contents of a cell in an Excel spreadsheet by name?</a> <div style="padding-top:1px;padding-right:3px;text-align:center" id="float"> <style> .itdaan_shufu { width:300px;height:600px } @media (max-width: 600px) { .itdaan_shufu { display: none; } } </style>  <ins class="adsbygoogle itdaan_shufu" style="display:block;width:300px;height:600px;" data-ad-client="ca-pub-4353345653789615" data-ad-slot="5247457016" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> </div> <div class="clear"> </div> <div class="fbar" style="z-index:100"> <div class="span7" style="color:grey;font-size:12px;"> </div> <div class="pull-right"> <span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank" style="color:#f2f2f2">粤ICP备14056181号</a>  </span><span>© 2014-2021 ITdaan.com </span> </div> </div>  <div id="collection_model" class="modal hide fade" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">收藏本文</h3> </div> <div class="modal-body"> <p> 添加到收藏夹 *</p> <p id="collection_group_list"> </p> <p> <label class="radio"><input name="collection_group" type="radio" value="-1"/> <input type="text" placeholder="收藏夹名称" name="collection_group_name"></label></p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button><a class="btn btn-success" id="collection_btn_sure">确定</a> </div> </div> <script src="/js/code.js?version=20190309"></script> <script charset="gbk" src="/js/opensug.js?version=20190309"></script> <script type="text/javascript"> globle_all_pc(); </script> <script> function buffer(a, b, c) { var d; return function() { if (d) return; d = setTimeout(function() { a.call(this), d = undefined }, b) } } (function() { function e() { var d = document.body.scrollTop || document.documentElement.scrollTop; d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1" } var a = document.getElementById("float"); if (a == undefined) return ! 1; var b = 0, c, d = a; while (d) b += d.offsetTop, d = d.offsetParent; c = window.ActiveXObject && !window.XMLHttpRequest; if (!c || !0) window.onscroll = buffer(e, 50, this) })(); </script>  <span style="display:none">  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?b08728447e2a1a7388d5639bd2a14595"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-143082825-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-143082825-1'); </script> </span> </body> </html>