Heim > Web-Frontend > HTML-Tutorial > jquery操作iframe中的元素和js函数_html/css_WEB-ITnose

jquery操作iframe中的元素和js函数_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:20:56
Original
1298 Leute haben es durchsucht

1、jquery操作iframe中的元素(2种方式)

var str = $(window.frames["iframe"].document).find("#ljiong").html(); var stk = $("#iframe").contents().find("#ljiong").html();
Nach dem Login kopieren

2、操作父界面中的元素(header:为某个元素的id)

$('#header', parent.document).text();window.parent.$("#header").text();
Nach dem Login kopieren

3、js调用iframe中的js函数(2种)

window.frames["ljiong"].window.testIframe2("ljiong"); document.getElementById("ljiong").contentWindow.testIframe2("ljiong");
Nach dem Login kopieren

4、jquery调用iframe的js函数(带参数的会有返回值)

$("#ljiong")[0].contentWindow.testIframe2("ljiong");
Nach dem Login kopieren

5. 调用父页面js函数,直接用:

parent.myFunction();
Nach dem Login kopieren

注意事项:

1、要和所包含的iframe在同一个域名(因为不能跨域)

觉得不错,赞助我:

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage