{jQuery} 用jQuery對分割頁框(frameset)的其它頁做控制(與iframe)

頁框的html

<frameset rows="*" cols="150,*"> 
 <frame src="a.html" name="left" /> 
 <frameset rows="150,*" > 
   <frame src="b.html" name="top" /> 
   <frame src="c.html" name="bot" /> 
</frameset>

得到的樣子就是

    | top  left來源是a.html
left|----- top來源是b.html
    | bot  bot來源是c.html

a.html
<div id='a'> left content </div>
b.html
<div id='b'> top content </div>
c.html
<div id='c'> bot content </div>

而我們要從bot中去控制left

$('#b').click(function(){
$(window.parent.frames['left'].document).find('#a').text('u got it');
})
還是得從window下手才行


用 jQuery 獲取iframe父頁面元素

$('#dd', window.parent.document).text('control father iframe');

用 jQuery 獲取子iframe頁面元素

$("#iframe1").contents().find("#ddd").text("This frame was modified with jQuery! Yay!!!");

用 jQuery 獲取frameset頁面元素

$(window.parent.frames["down"].document).find('#dd').text('yes'); $('#dd',window.parent.frames["down"].document).text('yes');

本篇文章我不知道是不是最主要的來源,
但是有興趣可以參考這裡

留言

這個網誌中的熱門文章

css小發現:隱藏捲軸、強迫物件換行

html嵌入youtube影片當背景,並靜音

好用的企畫編輯軟體- Axure