<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="../js/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">
//用load而不是ready，會等所有IFrame都載入後才觸發
$(window).load(function () { //將設定邏輯寫成function，稍後可再度利用
var hookProc = function () { $("a").live("click", function () { alert("clicked!"); });
};
hookProc();
//針對所有IFrame進行操作
$("iframe").each(function () { //透過IFrame.contentWindow存取其中的網頁
//cross-domain時會失敗，故加上try
var win, doc;
try { win = this.contentWindow;
doc = win.document;
} catch(err) {} //無法取得IFrame的window或document就放棄
if (!win || !doc) return;
//檢查IFrame中是否已載入jQuery?
if (!win.jQuery) { //動態載入
var jqInject = doc.createElement("script"); jqInject.src = "../js/jquery-1.3.2.js";
jqInject.type = "text/javascript";
doc.getElementsByTagName("head")[0].appendChild(jqInject); }
//等待jQuery載入
function waitjQueryLoaded() { if (typeof win.jQuery == "undefined") setTimeout(waitjQueryLoaded, 100);
else { //將前述的邏輯對IFrame的window也做一次
win.eval("(" + hookProc.toString() + ")();"); }
}
waitjQueryLoaded();
});
});
</script>
</head>
<body>
<a href="#">Link in Parent</a>
<br />
<iframe src="Child.htm" id="frm1"></iframe><br />
<iframe src="http://www.google.com.tw"></iframe><br />
<iframe src="Child.htm" id="Iframe1"></iframe><br />
</body>
</html>