码上快乐
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/… <<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 && 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"> </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> </span><span>© 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?85c5e8e7b6167edfc87cb0607142e870"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>
