要求A頁面有frame B 和C，從C操作B的節點內容，A代碼
<HTML>
<HEAD>
<TITLE>jquery獲取從子frame獲取兄弟frame節點并賦值</TITLE>
</HEAD>
<frameset rows="15%, 85%">
<frameset rows="100%, *">
<frame id="tf" name="tf" src="frame.html" noresize scrolling="no" frameborder="1">
</frameset>
<frameset>
<frame id="of" name="of" src="frame2.html" noresize scrolling="no" frameborder="1">
</frameset>
</frameset>
<body>
</BODY>
</HTML>
我的失敗frame操作父級的子級frame頁面代碼：
js代碼
alert(parent.tf.document.getElementById("mydiv1").innerHTML);
jquery代碼
alert($(parent.tf.document).contents().find("#mydiv1").html("aaa"));
結果都是失敗的，后來多次調試，同事搞定了，原來frameset在頁面中是算一級document的
于是修改javascript和jquery frame操作同級frame頁面內容，最后成功，代碼如下
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script>
window.onload = (function(){
//用原始的javascript獲取內容并彈出
alert(parent.parent.tf.document.getElementById("mydiv1").innerHTML);
//用jquery寫入內容，并彈出顯示該對象
alert($(parent.parent.tf.document).contents().find("#mydiv1").html("aaa"));
});
</script>
<body id='fa'>
</BODY>
</HTML>
這樣就可以實現了frame兄弟節點操作。
更多信息請查看IT技術專欄
版權所有:易賢網
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試