父页给iframe传参数的方法

最新推荐文章于 2024-05-13 13:33:11 发布

半生囚徒

最新推荐文章于 2024-05-13 13:33:11 发布

阅读量1.2k

点赞数

分类专栏： javaEE之jsp 文章标签： iframe javascript input button action function

javaEE之jsp 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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

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

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

view plaincopy to clipboardprint?

<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>

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/dinglinhu/archive/2008/06/24/2582666.aspx

半生囚徒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
父页给iframe传参数的方法

我们开发当中会遇到一些需要使用iframe的时候，一般的写法是：但有时头疼的是包含这个iframe的父页需要控制它，如父页里有查询条件区，而显示页在iframe里。这是就会出现怎么把这些条件给iframe里并且运行的问题。为了容易理解直接直接写一个例子吧。view plaincopy to clipboardprint? iframe
复制链接

扫一扫

专栏目录