父页给iframe传参数的方法

最新推荐文章于 2025-03-14 16:54:39 发布

dinglinhu

最新推荐文章于 2025-03-14 16:54:39 发布

阅读量2.8w

点赞数 1

分类专栏：关于javaScript 文章标签： iframe input button javascript action

本文链接：https://blog.youkuaiyun.com/dinglinhu/article/details/2582666

版权

关于javaScript 专栏收录该内容

8 篇文章

订阅专栏

我们开发当中会遇到一些需要使用iframe的时候，一般的写法是：

但有时头疼的是包含这个iframe的父页需要控制它，如父页里有查询条件区，而显示页在iframe里。这是就会出现怎么把这些条件给iframe里并且运行的问题。

为了容易理解直接直接写一个例子吧。



<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />

<title>iframe</title>

</head>



<body>

<form id="form1" name="form1" method="post" action="">

  sex:<input name="sex" type="text" id="sex" size="15" />

  age:<input name="age" type="text" id="age" size="15" />

  <input type="button" name="Submit" value="button" οnclick="javascript:goIframe();" />

</form>



<iframe name="result" id="result" marginheight="0" marginwidth="0" frameborder="0" height="500" width="500" scrolling="no"  src="result.jsp"></iframe>



</body>

</html>



<script language="javascript">



function goIframe(){

	var form = document.form1;

	var sex = form.sex.value;

	var age = form.age.value;

	var ifr = document.all("result");

	window.result.location.href=ifr.src +"?sex=" + sex + "&age=" + age;

	//window.result.location.href=search.do +"?sex=" + sex + "&age=" + age;

}



</script>