jquery 父窗口 子窗口 相关操作

<p>jquery 父窗口 子窗口 相关操作</p> <p><br /> &lt;1&gt; js或者jQuery访问页面中的框架iframe.<br /> 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下.<br /> <br /> 假设:父窗口 index.html ,有 id 为 subifrm 的 iframe<br /> <br /> 1. 在index.html执行JS直接访问子窗口中某元素 :<br /> Js代码<br /> document.getElementById(&#39;subifrm&#39;).contentWindow.document.getElementById(&#39;test&#39;).style.color=&#39;red&#39;<br /> <br /> 2. 利用jquery 来访问子窗口<br /> Js代码<br /> $(&quot;#subifrm&quot;).contents().find(&quot;#test&quot;).css(&#39;color&#39;,&#39;red&#39;);<br /> ====================================================================<br /> ====================================================================<br /> <br /> &lt;2&gt; 用DOM方法与jquery方法结合的方式实现互动操作</p> <p>1.在父窗口中操作 选中IFRAME中的所有单选钮<br /> Js代码<br /> $(window.frames[&quot;iframe1&quot;].document).find(&quot;input[@type=&#39;radio&#39;]&quot;).attr(&quot;checked&quot;,&quot;true&quot;);<br /> </p> <p>2.在IFRAME中操作 选中父窗口中的所有单选钮<br /> Js代码<br /> $(window.parent.document).find(&quot;input[@type=&#39;radio&#39;]&quot;).attr(&quot;checked&quot;,&quot;true&quot;);<br /> ====================================================================<br /> ====================================================================<br /> <br /> &lt;3&gt; 使用jquery操作iframe<br /> 1 页面里有两个ifame<br /> Js代码<br /> <iframe id="leftiframe"></iframe><br /> <br /> <br /> <iframe a="" href="http://www.baidu.com" id="mainiframe&gt;&lt;/iframe&gt; &lt;br /&gt; &lt;br /&gt; &lt;br /&gt; leftiframe中jQuery改变mainiframe的src代码:&lt;br /&gt; Js代码 &lt;br /&gt; $(">http://www.baidu.com&amp;lt;/a&amp;gt;&quot;)&amp;nbsp; &amp;lt;br /&amp;gt; &amp;nbsp;&amp;lt;br /&amp;gt; &amp;nbsp;&amp;lt;br /&amp;gt; 2、 如果内容里面有一个ID为mainiframe的ifame&amp;lt;br /&amp;gt; Js代码&amp;nbsp; &amp;lt;br /&amp;gt; &amp;lt;iframe id=&quot;mainifame&quot;&amp;gt;&amp;lt;/ifame&amp;gt;&amp;nbsp;&amp;nbsp; &amp;lt;br /&amp;gt; &amp;nbsp;&amp;lt;br /&amp;gt; ifame包含一个someID&amp;lt;br /&amp;gt; Js代码&amp;nbsp; &amp;lt;br /&amp;gt; &amp;lt;div id=&quot;someID&quot;&amp;gt;you want to get this content&amp;lt;/div&amp;gt;&amp;nbsp;&amp;nbsp; &amp;lt;br /&amp;gt; &amp;nbsp;&amp;lt;br /&amp;gt; 得到someID的内容&amp;lt;br /&amp;gt; Js代码&amp;nbsp; &amp;lt;br /&amp;gt; $(&quot;#mainiframe&quot;).contents().find(&quot;someID&quot;).html();或者$(&quot;#mainiframe&quot;).contains().find(&quot;someID&quot;).text();&amp;nbsp; &amp;lt;br /&amp;gt; &amp;nbsp;&amp;lt;br /&amp;gt; 2 、如上面所示 &amp;lt;br /&amp;gt; &amp;nbsp;&amp;nbsp; leftiframe中的jQuery操作mainiframe的内容someID的内容&amp;lt;br /&amp;gt; Js代码&amp;nbsp; &amp;lt;br /&amp;gt; $(&quot;#mainframe&quot;,parent.document.body).contents().find(&quot;someID&quot;).html();或者 $(&quot;#mainframe&quot;,parent.document.body).contents().find(&quot;someID&quot;).val();&amp;nbsp;&amp;lt;/p&amp;gt;</iframe></p>
RangeTime:0.006181s
RangeMem:207.59 KB
返回顶部 留言