suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Instanzmethode von Jquery zum Abrufen aller Ebenen von Elementen, Inhalten oder Iframe-IDs

Detaillierte Erläuterung der Instanzmethode von Jquery zum Abrufen aller Ebenen von Elementen, Inhalten oder Iframe-IDs

伊谢尔伦
伊谢尔伦Original
2017-06-19 13:19:142472Durchsuche

Rufen Sie die Elemente der übergeordneten Seite auf der Iframe-Unterseite ab.
Der Code lautet wie folgt:

$('#objId', parent.document);
// 搞定...

Rufen Sie die Elemente der Iframe-Unterseite auf der übergeordneten Seite ab
Der Code lautet wie folgt:

$("#objid",document.frames('iframename').document)
$(document.getElementById('iframeId').contentWindow.document.body).html()
$("#testId", document.frames("iframename").document).html();

Rufen Sie das Element ab, dessen ID „testId“ ist, basierend auf iframename 

$(window.frames["iframeName"].document).find("#testId").html()

Verwenden Sie JS oder jQuery um auf den Iframe in der Seite zuzugreifen, kompatibel mit IE/FF
Hinweis: Seiten innerhalb des Frames können nicht domänenübergreifend sein!

Angenommen, es gibt zwei Seiten unter dem gleiche Domäne. Die Datei
index.html enthält einen 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=gb2312" />  
<title>页面首页</title>  
</head>  
  
<body>  
<iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe>  
</body>  
</html>

iframe.html-Inhalt: 

<!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=gb2312" />  
<title>iframe.html</title>  
</head>  
  
<body>  
<div id="test">www.koyoz.com</div>  
</body>  
</html>

1 .html für direkten Zugriff:
JavaScriptCode

document.getElementById(&#39;koyoz&#39;).contentWindow.document.getElementById
(&#39;test&#39;).style.color=&#39;red&#39;

Greifen Sie mit dem ID-Namen „koyoz“ in index.html auf die Iframe-Seite zu und rufen Sie den Objekt mit dem ID-Namen „test“ in dieser Iframe-Seite und setzen Sie seine Farbe auf Rot.Dieser Code wurde getestet und kann IE/Firefox unterstützen.

2 mit jQuery in index.html:
JavaScript-Code

$("#koyoz").contents().find("#test").css(&#39;color&#39;,&#39;red&#39;);
Die Wirkung dieses Codes ist die gleiche wie beim direkten Zugriff über JS. Mit Hilfe des jQuery-Frameworks ist der Code kürzer .


Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Instanzmethode von Jquery zum Abrufen aller Ebenen von Elementen, Inhalten oder Iframe-IDs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erklärung des Unterschieds zwischen der Länge von size() in jqueryNächster Artikel：Detaillierte Erklärung des Unterschieds zwischen der Länge von size() in jquery

In Verbindung stehende Artikel

Mehr sehen