DedeCMS网站javascript/jquery操作iframe框架的方法

雪花徐徐飘下,如芦花,似柳絮,像轻悠悠的鹅毛,无尽无休地飘着,飘着,宛如那美丽的银蝶在院中翩翩起舞,又像一群穿白纱裙的小舞女,伴着天空传来的仙乐,轻轻盈盈地在空中飘舞着,旋转着,跳着动人的舞蹈。那么轻快的身影,那么飘逸的舞姿,每一片晶莹的雪花都像一曲婉转、悠扬、清新的轻音乐,都仿佛是一首轻快、和谐、明丽的小诗。哦,神奇的小雪花……

IFRAME是HTML标签,作用是文档中的文档,或者浮动的框架(FRAME)。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。

DedeCMS网站js/jquery操作iframe框架的方法

JavaScript代码

在父窗口中获取iframe中的元素:

	
	格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();
	实例:window.frames["ifm"].document.getElementById("btnOk").click();
	格式:
	var obj=document.getElementById("iframe的name").contentWindow;
	var ifmObj=obj.document.getElementById("iframe中控件的ID");
	ifmObj.click();
	实例:
	var obj=document.getElementById("ifm").contentWindow;
	var ifmObj=obj.document.getElementById("btnOk");
	ifmObj.click();
	

在iframe中获取父窗口的元素:

	
	格式:window.parent.document.getElementById("父窗口的元素ID").click();
	实例:window.parent.document.getElementById("btnOk").click();
	

Jquery代码

在父窗口中获取iframe中的元素:

	
	格式:$("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1 
	实例:$("#ifm").contents().find("#btnOk").click();//jquery 方法1 
	格式:$("#iframe中的控件ID",document.frames("frame的name").document).click();//jquery 方法2 
	实例:$("#btnOk",document.frames("ifm").document).click();//jquery 方法2
	

在iframe中获取父窗口的元素:

	
	格式:$('#父窗口中的元素ID', parent.document).click();
	实例:$('#btnOk', parent.document).click();
	

本文DedeCMS网站javascript/jquery操作iframe框架的方法到此结束。你必须十分努力,才能看起来毫不费力。小编再次感谢大家对我们的支持!

标签: javascript DedeCMS