首页 > 代码库 > 父页面访问iframe页面的js

父页面访问iframe页面的js

父页面:parent.html

<!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>parent</title><script>	function parentFunction() {		alert(‘function in parent‘);	}	function callChild() {		child.window.childFunction();		/*			child 为iframe的name属性值,			不能为id,因为在FireFox下id不能获取iframe对象		*/	}</script></head><body><input type="button" name="call child"  value="http://www.mamicode.com/call child" onclick="callChild()"/><br/><br/><iframe name="child" src="http://www.mamicode.com/child.html" ></iframe></body></html>

子页面:child.html

<!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>child</title><script>	function childFunction() {		alert(‘function in child‘);	}	function callParent() {		parent.parentFunction();	}</script></head><body><input type="button" name="call parent" value="http://www.mamicode.com/call parent" onclick="callParent()"/></body></html>

父页面访问iframe页面的js