因為先前遇到的問題,所以我考慮採用 IFRAME 來隔離不同的指令碼,從而實現我需要的效果。
在框架中,我用 JavaScript 獲取 JSON 資料,組織成 HTML 程式碼,最後將其填充至上層文件的一個元素中。按照一般的寫法,我們需要用到類似如下的語句:
1.
window.parent.document.getElementById(
"myEle"
).innerHTML = html;
使用 jQuery ,寫法如下:
1.
$(
"#myEle"
, window.parent.document).html(html);
即指明瞭是在 window.parent.document 中查詢 id=myEle 的元素。
隨著前面的問題的解決(其實是對 jQuery 的瞭解不夠),現在兩種方案都可以實現我需要的效果了。
另外還有一種實現方式,程式碼如下:
1.
parent.$(
"#myEle"
).html(html);
這種方法要求父文件也要呼叫 jQuery 。
演示:使用 jQuery 實現 window.parent.document.getElementById().innerHTML
個人感覺 jquery 就是強啦!!!