【JavaScript】window对象_frames数组对象 - 服务器托管|北京服务器租用|机房托管租用|IDC托管租用|机房机柜带宽租用-价格及费用咨询

window对象的frames属性是一个数组，它与window对象的parent、top等

对象属性，都是用于对HTML的帧标签(

或)进行编程的<br /> <br /> javascript对象。(利用parent.frames.来调用)</p> <p> framedemo.html:</p> <div data-card-editable="false" data-syntax="plain"> <div class="" style="border: 1px solid rgb(232, 232, 232); background: rgb(249, 249, 249);"> <div style="font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;"> <pre style="color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);"><br><br><br><frameset rows="20%,80%"> <br><frame name="top" src="top.html"> <br><frame name="bottom" src="bottom.html"> <br> </frameset><br></pre> </div> </div> </div> <p></p> <p> 脚本代码最好不要编写在framedemo.html中，</p> <p></p> <p> 而是写在frame各个区域的网页中。</p> <p></p> <p> top.html：</p> <p></p> <div data-card-editable="false" data-syntax="plain"> <div class="" style="border: 1px solid rgb(232, 232, 232); background: rgb(249, 249, 249);"> <div style="font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;"> <pre style="color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);"><input type="button" value="刷新">onclink="window.parent.frames[1].loaction.reload()"><br><br><br><br><input type="button" value="刷新2">onclink="parent.frames.bottom.loaction.reload()"><br><br><br><input type="button" value="刷新3">onclink="parent.frames['bottom'].loaction.reload()"><br><br><br><input type="button" value="刷新4">onclink="parent.frames.item(1).loaction.reload()"><br><br><br><input type="button" value="刷新5">onclink="parent.frames.item('bottom').loaction.reload()"><br><br><br><input type="button" value="刷新6">onclink="parent.bottom.loaction.reload()"><br><br><br><input type="button" value="刷新7">onclink="parent['bottom'].loaction.reload()"><br><br><br></pre> </div> </div> </div> <p></p> <p> 2.top属性：</p> <p></p> <p> 例子：</p> <p></p> <p> top.html:</p> <p></p> <div data-card-editable="false" data-syntax="plain"> <div class="" style="border: 1px solid rgb(232, 232, 232); background: rgb(249, 249, 249);"> <div style="font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;"> <pre style="color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);"><frameset rows="20%,*"> <br> <frame name="a"> <br> <frame name="x" src="bottom.html"> <br> </frameset><br><br><br>bottom.html:<br><frameset cols="30%,*"> <br> <frame name="b"> <br> <frame name="c" src="bottom_right.html"> <br> </frameset><br><br><br>bottom_right.html:<br><script language="javascript"><br> parent.parent.a.document.write("www.baidu.com");<br></script></pre> </div> </div> </div> <p>____________________________________________________</p> <p></p> <div data-card-editable="false" data-syntax="plain"> <div class="" style="border: 1px solid rgb(232, 232, 232); background: rgb(249, 249, 249);"> <div style="font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;"> <pre style="color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);"><frameset rows="20%,*"> <br> <frame name="a"> <br> <frameset cols="30%,*"> <br> <frame name="b"> <br> <frame name="c" src="bottom_right.html"> <br> </frameset> <br> </frameset></pre> </div> </div> </div> <p></p> <p>bottom_right.html:</p> <div data-card-editable="false" data-syntax="plain"> <div class="" style="border: 1px solid rgb(232, 232, 232); background: rgb(249, 249, 249);"> <div style="font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;"> <pre style="color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);"><script language="javascript"><br> parent.a.document.write("www.baidu.com");<br></script></pre> </div> </div> </div> <p></p> <p></p> <p></p> <p>
服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.e1idc.net

服务器托管，北京服务器托管，服务器租用，机房机柜带宽租用