碼上快樂
1秒登錄
首頁
榜單
標簽
關於
搜索
文章詳情
原文：Jquery如何獲得
嵌套頁面中的元素</a></h3> <p> DOM方法：父窗口操作IFRAME：window.frames iframeSon .documentIFRAME操作父窗口: window.parent.documentjquery方法:在父窗口中操作 選中IFRAME中的所有輸入框： window.frames iframeSon .document .find :text 在IFRAME中操作 選中父窗口中的所有輸入框： window.p ...</p> <p> <i class="icon-time"></i> <span>2016-04-18 17:44</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>9240</span> 推薦指數： <i class="icon-star" title="5.8945"></i> <i class="icon-star" title="5.8945"></i> <i class="icon-star" title="5.8945"></i> <i class="icon-star" title="5.8945"></i> <i class="icon-star" title="5.8945"></i> </p> <p><a class="btn btn-warning btn-primary" href="/blog/527a6d1.html">查看詳情</a></p> </div> <div class="page-header"><h3><small><i class="icon-list"></i>相關推薦</small></h3></div> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/aec5ad1.html" target="_blank"><B>iframe</B>多層<B>嵌套</B>時,<B>Jquery</B>獲取<B>元素</B></a> <p class="post-item-summary"> 在項目中，尤其是后台管理項目，會使用到<B>iframe</B><B>嵌套</B>的網頁，說起<B>iframe</B>，真的是個讓人頭疼的東西，能避開是最好避開。不然要請隨身備好氧氣瓶哈（因為管理和調試過程<B>中</B>往往會被氣缺氧！！！哈哈哈~~~） 我們正常情況下獲取<B>頁面</B>的<B>元素</B>$(".class ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Wed Sep 04 00:30:00 CST 2019</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>922</span> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/8ccd7c1.html" target="_blank">vue<B>中</B><B>嵌套</B><B>頁面</B>（<B>iframe</B>）</a> <p class="post-item-summary"> vue<B>中</B><B>嵌套</B><B>iframe</B>,將要<B>嵌套</B>的文件放在static下面。src可以使用相對路徑，也可使用服務器根路徑http:localhost:8088/… &lt;<B>iframe</B> src="../../static/plusPro.html" width="1200" height="300 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Tue Jun 26 17:50:00 CST 2018</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>11183</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/9481d31.html" target="_blank">vue<B>中</B><B>嵌套</B><B>頁面</B>（<B>iframe</B>）</a> <p class="post-item-summary"> vue<B>中</B><B>嵌套</B><B>iframe</B>,將要<B>嵌套</B>的文件放在static下面。(要將打包文件整體放在statici里,我的文件名是canvas） src可以使用相對路徑，也可使用服務器根路徑http:localhost:8088/… width和height ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Mon Oct 01 00:56:00 CST 2018</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>4509</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/abc1141.html" target="_blank"><B>iframe</B><B>嵌套</B><B>頁面</B><B>中</B>的跳轉</a> <p class="post-item-summary"> 簡單說一下場景。 假設有A、B、C和D四個JSP<B>頁面</B>，D通過<B>iframe</B><B>嵌套</B>在C<B>中</B>，C通過<B>iframe</B><B>嵌套</B>在B<B>中</B>，B通過<B>iframe</B><B>嵌套</B>在A<B>中</B>。 然后現在在D<B>中</B>編寫JavaScript代碼跳轉<B>頁面</B>。 在本<B>頁面</B>跳轉（D<B>頁面</B>所在的<B>iframe</B><B>中</B>跳轉） 在上一層跳轉（D<B>頁面</B>所在 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Sun Aug 18 17:57:00 CST 2019</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>3175</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/d0d1311.html" target="_blank"><B>iframe</B> <B>嵌套</B><B>頁面</B>（模態框<B>中</B><B>嵌套</B>）</a> <p class="post-item-summary"> 需求： 點擊新增 彈出另一個系統<B>頁面</B>，進行操作 代碼： html: css: js： 點擊新增按鈕 獲取 地址及 通往另一個系統的 token 通行證，並給<B>iframe</B> src屬性賦值 ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Thu Sep 17 22:37:00 CST 2020</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>2154</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/63efb41.html" target="_blank">Selenium定位多個<B>iframe</B><B>嵌套</B><B>中</B>的<B>元素</B></a> <p class="post-item-summary"> 在公司boss系統<B>中</B>，經常會遇到多層<B>iframe</B><B>嵌套</B>的情況，導致無法定位最里面那層<B>iframe</B>的<B>元素</B>。 其實很簡單，只要一層層定位<B>iframe</B>，定位到你想要的那層<B>iframe</B>即可； 如果操作完需要返回到原來的那層<B>iframe</B>，就需要先退出<B>iframe</B>，進行重新定位。 代碼如下： ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Wed Mar 15 00:58:00 CST 2017</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>4847</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/5a35661.html" target="_blank">js如何判斷是否在<B>iframe</B><B>中</B>/<B>JQuery</B>調用<B>iframe</B>父<B>頁面</B><B>元素</B>與方法</a> <p class="post-item-summary"> //方式一 if (self.frameElement &amp;&amp; self.frameElement.tagName == "<B>IFRAME</B>") { alert('在<B>iframe</B><B>中</B>'); } //方式二 if (window.frames.length ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Tue Sep 27 18:39:00 CST 2016</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>5963</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> <article class="post-item" style="border-bottom:1px dotted #f2f2f2;padding-bottom:10px;"> <div class="post-item-body"> <div class="post-item-text"> <a class="post-item-title" href="/blog/2a0fde1.html" target="_blank"><B>jQuery</B><B>獲得</B><B>頁面</B><B>元素</B>的絕對/相對位置</a> <p class="post-item-summary"> 獲取<B>頁面</B>某一<B>元素</B>的絕對X,Y坐標，可以用offset()方法： var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 獲取相對(父<B>元素</B>)位置: var X = $('#DivID').position ... </p> </div> <footer class="post-item-foot"> <i class="icon-time"></i> <span>Tue Nov 06 19:02:00 CST 2012</span> <i class="icon-envelope"></i> <span>0</span> <i class="icon-eye-open"></i> <span>16633</span> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> <i class="icon-star"></i> </footer> </div> </article> </div> </div> <div class="span4 left_content"> <div class="page-header"><h3><small><i class="icon-tag"></i>相關標簽</small></h3></div> <ul class="nav nav-pills"> <li class="tag-item"><a class="btn-link" href='/tag/python' target="_blank">python(3230)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Java' target="_blank">Java(3098)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/java' target="_blank">java(3010)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/JavaScript' target="_blank">JavaScript(2753)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Python' target="_blank">Python(2534)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/vue' target="_blank">vue(2525)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/javascript' target="_blank">javascript(2398)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/C＃' target="_blank">C#(2315)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/js' target="_blank">js(2126)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/jQuery' target="_blank">jQuery(1990)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/jquery' target="_blank">jquery(1754)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Linux' target="_blank">Linux(1708)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/前端' target="_blank">前端(1671)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Android' target="_blank">Android(1232)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/linux' target="_blank">linux(1230)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Vue' target="_blank">Vue(1202)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/C＋＋' target="_blank">C++(1025)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/數據庫' target="_blank">數據庫(997)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/mysql' target="_blank">mysql(953)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/PHP' target="_blank">PHP(895)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/css' target="_blank">css(856)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/JS' target="_blank">JS(844)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/JAVA' target="_blank">JAVA(807)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/php' target="_blank">php(746)</a></li> <li class="tag-item"><a class="btn-link" href='/tag/Javascript' target="_blank">Javascript(734)</a></li> </ul> <div id="right_float_ad" class="ad"> </div> </div> </div> </div> <div class="clear">&nbsp;</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">粵ICP備18138465號</a>&nbsp;&nbsp;</span><span>&copy; 2018-2025 CODEPRJ.COM </span> </div> </div> <script src="/js/code.js?version=20250604"></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> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?c81b3b98809d882ddda9a802d3778cf4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>
