如何從父javascript頁面訪問子iframe元素？

在我的頁面我有iframe代碼。當我點擊particluar鏈接，我框架窗口enabled.it是一個form.when我提交表單時，我得到一些隱藏的字段values.how我可以訪問我的父頁面中的這些值？如何從父javascript頁面訪問子iframe元素？

來源

2011-04-20 Ravichandran Jothi

請出示一些代碼。你在哪裏提交表格*到*？ – 2011-04-20 13:24:59

---- -------------------------------------------------- ------------------------ <script type =「text/javascript」> var inter = setInterval（check，1000）; 功能檢查（）{ 如果（window.frames [ '註冊']的document.getElementById（ '註冊狀態'）值== 「OK」。）{ \t \t \t警報（「歡迎」）; document.getElementById（'appclose'）。style.display ='block'; \t \t \t clearInterval（inter）; \t \t \t} \t} </script> – <span class="text-secondary"> <small> <span>2011-04-20 13:27:54</span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">聽起來http://stackoverflow.com/questions/5728620/how-to-add-css-in-this-iframe – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/247372/">Rudie</a></span> <span>2011-04-20 13:38:29</span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">回答</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">3<i class="fa fa-thumbs-up"></i></span> <i class="fa fa-check fa-2x"></i> </div> <div class="post-offset"> <div class="answer fmt"> <p>由於您的iframe src =完整的網址，而不是相對路徑（即：/app/appsignup.jsp）我將假定此iframe存在於與原始網頁不同的IP或域中。如果這種假設是正確的，那麼由於大多數瀏覽器中的跨站點腳本安全規則，您將無法修改Iframe的DOM。</p> <p>如果父站點，和孩子的iframe在同一頂級域名存在，那麼你可以使用的document.getElementById（「iframe_id」）</p> <p>編輯來回答第二個問題：</p> <p>您可以添加onLoad事件添加到iframe，並且只要iframe只有一個表單，並且頁面僅在提交時纔會更改，並且這是您希望重定向的位置。</p> <p>這是一個例子，但知道這將重定向第一次，而不工作！什麼你會想要做的就是把一個函數在那裏，然後在.js文件爲第二的onLoad該功能檢查......</p> <pre><code class="prettyprint-override"><iframe name="signUp" id="signup" src="10.80.32.9:8080/app/appsignup.jsp"; width="650" height="500" onLoad="window.location('/index.html');"> </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/5731150">來源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2011-04-20 13:31:59</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">是的，你是對的。感謝 – <span class="text-secondary"> <small> <span>2011-04-20 14:24:37</span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">有沒有可能返回到父頁面的網址？ – <span class="text-secondary"> <small> <span>2011-04-20 14:42:47</span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">已更新的答案給點亮。對不起，沒有例子，如果你需要的話，我會回來更多的時間。 – <span class="text-secondary"> <small> <span>2011-04-20 16:40:28</span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">3<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>如果iframe位於不同的域和/或端口上，您將無法訪問iframe，因爲它與您的似乎一樣。 <a href="http://en.wikipedia.org/wiki/Same_origin_policy" rel="nofollow">Same Origin Policy</a>將防止這種情況。</p> <p>根據您的使用情況，可能會有一種解決方法。也許再添加一些細節。</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/5731131">來源</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2011-04-20 13:30:37</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">相關問題</div> <ul class="relative_list"> <li> 1. <a href="http://hk.uwenku.com/question/p-xvfuapsj-bba.html" target="_blank" title="從iframe - IE7訪問父頁面的元素問題"> 從iframe - IE7訪問父頁面的元素問題 </a> </li> <li> 2. <a href="http://hk.uwenku.com/question/p-mwctwvpn-bey.html" target="_blank" title="從父級html頁面訪問子頁面的元素？"> 從父級html頁面訪問子頁面的元素？ </a> </li> <li> 3. <a href="http://hk.uwenku.com/question/p-gjfztfzd-yd.html" target="_blank" title="使用jquery從父頁訪問子IFrame中的元素"> 使用jquery從父頁訪問子IFrame中的元素 </a> </li> <li> 4. <a href="http://hk.uwenku.com/question/p-qmntictm-bdo.html" target="_blank" title="如何從子iframe訪問父dom元素？"> 如何從子iframe訪問父dom元素？ </a> </li> <li> 5. <a href="http://hk.uwenku.com/question/p-hnikmfgf-vh.html" target="_blank" title="如何從父頁面訪問iframe的JavaScript對象？"> 如何從父頁面訪問iframe的JavaScript對象？ </a> </li> <li> 6. <a href="http://hk.uwenku.com/question/p-cbrktqpl-se.html" target="_blank" title="無法從iframe訪問父元素"> 無法從iframe訪問父元素 </a> </li> <li> 7. <a href="http://hk.uwenku.com/question/p-yfhfmkcz-bch.html" target="_blank" title="從iframe訪問父窗口的元素"> 從iframe訪問父窗口的元素 </a> </li> <li> 8. <a href="http://hk.uwenku.com/question/p-blmsfllk-bne.html" target="_blank" title="無法從頁面上的其他iframe訪問iframe元素"> 無法從頁面上的其他iframe訪問iframe元素 </a> </li> <li> 9. <a href="http://hk.uwenku.com/question/p-oipfrozu-bkd.html" target="_blank" title="如何使用Javascript訪問iframe元素？"> 如何使用Javascript訪問iframe元素？ </a> </li> <li> 10. <a href="http://hk.uwenku.com/question/p-phvhavee-uk.html" target="_blank" title="iframes：從iframe中的子元素訪問父項"> iframes：從iframe中的子元素訪問父項 </a> </li> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4606349252"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <li> 11. <a href="http://hk.uwenku.com/question/p-wvkiwojl-mw.html" target="_blank" title="如何訪問iframe元素"> 如何訪問iframe元素 </a> </li> <li> 12. <a href="http://hk.uwenku.com/question/p-ghklpvfu-cd.html" target="_blank" title="如何訪問iframe元素？"> 如何訪問iframe元素？ </a> </li> <li> 13. <a href="http://hk.uwenku.com/question/p-oerncuqq-gd.html" target="_blank" title="如何從子頁面訪問父頁面的隱藏字段"> 如何從子頁面訪問父頁面的隱藏字段 </a> </li> <li> 14. <a href="http://hk.uwenku.com/question/p-uyyaqwtx-bhw.html" target="_blank" title="如何從父文檔訪問iframe中的元素？"> 如何從父文檔訪問iframe中的元素？ </a> </li> <li> 15. <a href="http://hk.uwenku.com/question/p-dmzpynmi-sh.html" target="_blank" title="我可以訪問IFRAME的父的元素來自iframe的頁面"> 我可以訪問IFRAME的父的元素來自iframe的頁面 </a> </li> <li> 16. <a href="http://hk.uwenku.com/question/p-gsarneyb-mu.html" target="_blank" title="如何使用JavaScript從另一個頁面訪問元素ID？"> 如何使用JavaScript從另一個頁面訪問元素ID？ </a> </li> <li> 17. <a href="http://hk.uwenku.com/question/p-mloeaicf-bnk.html" target="_blank" title="從父母母版頁的子母版頁訪問元素"> 從父母母版頁的子母版頁訪問元素 </a> </li> <li> 18. <a href="http://hk.uwenku.com/question/p-dbfumbwf-hp.html" target="_blank" title="在父文檔中訪問iframe元素"> 在父文檔中訪問iframe元素 </a> </li> <li> 19. <a href="http://hk.uwenku.com/question/p-mftrxszx-bkp.html" target="_blank" title="如何在訪問iframe中的跨域時從父頁面訪問iframe javascript變量？"> 如何在訪問iframe中的跨域時從父頁面訪問iframe javascript變量？ </a> </li> <li> 20. <a href="http://hk.uwenku.com/question/p-hdhfpmde-bgy.html" target="_blank" title="如何使用javascript/jQuery從不同頁面訪問父級iFrame屬性？"> 如何使用javascript/jQuery從不同頁面訪問父級iFrame屬性？ </a> </li> <li> 21. <a href="http://hk.uwenku.com/question/p-vdgeajrp-nt.html" target="_blank" title="訪問從父元素Flickable"> 訪問從父元素Flickable </a> </li> <li> 22. <a href="http://hk.uwenku.com/question/p-yskkirje-uq.html" target="_blank" title="JQuery - 如何從父元素中的iFrame中關閉父元素？"> JQuery - 如何從父元素中的iFrame中關閉父元素？ </a> </li> <li> 23. <a href="http://hk.uwenku.com/question/p-avmcmrpe-te.html" target="_blank" title="PHP面向對象程序設計 - 訪問父元素從子"> PHP面向對象程序設計 - 訪問父元素從子 </a> </li> <li> 24. <a href="http://hk.uwenku.com/question/p-xifiapkt-mb.html" target="_blank" title="c＃從子頁面訪問母版頁元素"> c＃從子頁面訪問母版頁元素 </a> </li> <li> 25. <a href="http://hk.uwenku.com/question/p-cpzspblz-sa.html" target="_blank" title="如何從對話框窗口訪問javascript中的父元素？"> 如何從對話框窗口訪問javascript中的父元素？ </a> </li> <li> 26. <a href="http://hk.uwenku.com/question/p-xdvfesme-uu.html" target="_blank" title="從jquery訪問內容頁面元素"> 從jquery訪問內容頁面元素 </a> </li> <li> 27. <a href="http://hk.uwenku.com/question/p-kuksgmbo-dz.html" target="_blank" title="在iframe中訪問使用javascript的父頁面"> 在iframe中訪問使用javascript的父頁面 </a> </li> <li> 28. <a href="http://hk.uwenku.com/question/p-tdhekfhb-bbo.html" target="_blank" title="在JavaScript中訪問iframe元素"> 在JavaScript中訪問iframe元素 </a> </li> <li> 29. <a href="http://hk.uwenku.com/question/p-exmqtram-ea.html" target="_blank" title="的JavaScript - 訪問iframe的元素"> 的JavaScript - 訪問iframe的元素 </a> </li> <li> 30. <a href="http://hk.uwenku.com/question/p-xvntvard-py.html" target="_blank" title="使用JavaScript訪問跨域iframe元素"> 使用JavaScript訪問跨域iframe元素 </a> </li> </ul> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048261"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> 最新問題 </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://hk.uwenku.com/question/p-sldxzvae-kr.html" target="_blank" title="Promise.all從API的拒絕"> Promise.all從API的拒絕 </a> </li> <li class="side_article_list_item"> 2. <a href="http://hk.uwenku.com/question/p-hnxunqky-hw.html" target="_blank" title="Sklearn - predict_proba等效"> Sklearn - predict_proba等效 </a> </li> <li class="side_article_list_item"> 3. <a href="http://hk.uwenku.com/question/p-arwuqndt-eb.html" target="_blank" title="如何配置ZeroMQ ROUTER套接字以繼續嘗試長時間發送包？"> 如何配置ZeroMQ ROUTER套接字以繼續嘗試長時間發送包？ </a> </li> <li class="side_article_list_item"> 4. <a href="http://hk.uwenku.com/question/p-ofrugbjg-dh.html" target="_blank" title="變回默認的背景色DefaultTableCellRenderer"> 變回默認的背景色DefaultTableCellRenderer </a> </li> <li class="side_article_list_item"> 5. <a href="http://hk.uwenku.com/question/p-zvlnaecp-gs.html" target="_blank" title="我如何總結兩個ZoneOffset？"> 我如何總結兩個ZoneOffset？ </a> </li> <li class="side_article_list_item"> 6. <a href="http://hk.uwenku.com/question/p-tnsahmfh-ex.html" target="_blank" title="多輸出指針指向C++中的文件"> 多輸出指針指向C++中的文件 </a> </li> <li class="side_article_list_item"> 7. <a href="http://hk.uwenku.com/question/p-uvcahqic-cc.html" target="_blank" title="授權在SPA或客戶端應用程序"> 授權在SPA或客戶端應用程序 </a> </li> <li class="side_article_list_item"> 8. <a href="http://hk.uwenku.com/question/p-dwwlwbwz-bkr.html" target="_blank" title="Python 3.6：使用對象實例名稱引發錯誤"> Python 3.6：使用對象實例名稱引發錯誤 </a> </li> <li class="side_article_list_item"> 9. <a href="http://hk.uwenku.com/question/p-ylllehwl-bep.html" target="_blank" title="ASP.NET使用瀏覽器下載SFTP文件"> ASP.NET使用瀏覽器下載SFTP文件 </a> </li> <li class="side_article_list_item"> 10. <a href="http://hk.uwenku.com/question/p-wnmbecov-beg.html" target="_blank" title="REST保存GET歷史"> REST保存GET歷史 </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> 相關問題</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://hk.uwenku.com/question/p-xvfuapsj-bba.html" target="_blank" title="從iframe - IE7訪問父頁面的元素問題"> 從iframe - IE7訪問父頁面的元素問題 </a> </li> <li class="side_article_list_item"> 2. <a href="http://hk.uwenku.com/question/p-mwctwvpn-bey.html" target="_blank" title="從父級html頁面訪問子頁面的元素？"> 從父級html頁面訪問子頁面的元素？ </a> </li> <li class="side_article_list_item"> 3. <a href="http://hk.uwenku.com/question/p-gjfztfzd-yd.html" target="_blank" title="使用jquery從父頁訪問子IFrame中的元素"> 使用jquery從父頁訪問子IFrame中的元素 </a> </li> <li class="side_article_list_item"> 4. <a href="http://hk.uwenku.com/question/p-qmntictm-bdo.html" target="_blank" title="如何從子iframe訪問父dom元素？"> 如何從子iframe訪問父dom元素？ </a> </li> <li class="side_article_list_item"> 5. <a href="http://hk.uwenku.com/question/p-hnikmfgf-vh.html" target="_blank" title="如何從父頁面訪問iframe的JavaScript對象？"> 如何從父頁面訪問iframe的JavaScript對象？ </a> </li> <li class="side_article_list_item"> 6. <a href="http://hk.uwenku.com/question/p-cbrktqpl-se.html" target="_blank" title="無法從iframe訪問父元素"> 無法從iframe訪問父元素 </a> </li> <li class="side_article_list_item"> 7. <a href="http://hk.uwenku.com/question/p-yfhfmkcz-bch.html" target="_blank" title="從iframe訪問父窗口的元素"> 從iframe訪問父窗口的元素 </a> </li> <li class="side_article_list_item"> 8. <a href="http://hk.uwenku.com/question/p-blmsfllk-bne.html" target="_blank" title="無法從頁面上的其他iframe訪問iframe元素"> 無法從頁面上的其他iframe訪問iframe元素 </a> </li> <li class="side_article_list_item"> 9. <a href="http://hk.uwenku.com/question/p-oipfrozu-bkd.html" target="_blank" title="如何使用Javascript訪問iframe元素？"> 如何使用Javascript訪問iframe元素？ </a> </li> <li class="side_article_list_item"> 10. <a href="http://hk.uwenku.com/question/p-phvhavee-uk.html" target="_blank" title="iframes：從iframe中的子元素訪問父項"> iframes：從iframe中的子元素訪問父項 </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://hk.uwenku.com/contact">聯系我們</a></li> <li>© 2020 HK.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>