DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery 查找iframe父級頁面元素的實現代碼
jquery 查找iframe父級頁面元素的實現代碼
編輯:JQuery特效代碼     
父頁面代碼
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<div style="height:300px; background-color:#CC9900"></div>
<div>
<iframe src="test_iframe.html"></iframe>
</div>
</body>
</html>

iframe頁面代碼
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$("body",parent.document).append('hahaha');
</script>
</head>
<body>
iframe test--@mybest
</body>
</html>

 在jQuery的文檔上有這樣的記錄:
jQuery(html, [ownerDocument])
參數
html String
用於動態創建DOM元素的HTML標記字符串

ownerDocument (可選) Document
創建DOM元素所在的文檔


還是要多看,細看文檔啊,真是所謂:書讀百遍,其義自見啊!

------補記--------------------------

在測試時,發現chrome如何也不能實現上述要求,後來看到網上有人指出iframe不能跨域,這是問題之一,另一個原因是要放到一個站點中去測試

如:http://localhost:8087/test.html

這樣chrome也就表現正常了
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved