两个重要的javascript语句:
top.result.document.location='result.html?data=' + data;
和
window.top.frames['result'].document.getElementById("an").innerHTML=data;
都很好理解, 第一个就是js重新载入父窗口中name为result的iframe页面, 第二个就是直接通过选择另一个iframe中的元素来赋值.
下面是一个传值的例子
框架页面-index.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>框架页面</title>
</head>
<body>
<iframe width="100%" height="100" name="find" id="find" src="find.html"></iframe>
<iframe width="100%" height="600" name="result" id="result" src="result.html"></iframe>
</body>
</html>
查询页面-find.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>查询页面</title>
<script language="javascript" type="text/javascript">
function show(){
var data = document.form1.data.value;
top.result.document.location='result.html?data=' + data;
//window.top.frames['result'].document.getElementById("an").innerHTML=data;
}
</script>
</head>
<body>
<div >
<form name="form1" method="post" >
<p><span>数据:</span>
<input type="text" name="data" class="text" id="text1"/>
</p>
<p>
<input type="submit" value="提交" onclick="javascript:show();" />
</p>
</form>
</div>
</body>
</html>
结果页面-result.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>结果页面</title>
</head>
<body>
<p>上面输入的文字是: <span id="an"> </span></p>
</body>
<script language="javascript" type="text/javascript">
function Request(argname)
{
var url = document.location.href;
var arrStr = url.substring(url.indexOf("?")+1).split("&");
//return arrStr;
for(var i =0;i<arrStr.length;i++)
{
var loc = arrStr[i].indexOf(argname+"=");
if(loc!=-1)
{
return arrStr[i].replace(argname+"=","").replace("?","");
break;
}
}
return "";
}
//使用Request("argname")即可得到参数值;
var data=Request("data");
this.document.getElementById('an').innerHTML= data;
</script>
</html>
********************************************************文章来源************************************************************
http://blog.csdn.net/xiezhiyong3621/article/details/6791938
********************************************************文章来源************************************************************
********************************************************值得一看************************************************************
相关推荐
兼容IE和火狐JS父窗口调用iframe里面的对象、函数的方法
在js中,我们时常用到用iframe做系统框架,在子页面也,父页面之间的值传递是一个问题,下面是js获取父窗体和子窗体的对象js:1.在iframe子页面中获取父页面的元素: a>window.parent.document这个是获取父页面...
主要介绍了JS实现向iframe中表单传值的方法,涉及js针对页面元素及表单属性操作相关实现技巧,需要的朋友可以参考下
在用报表开发工具FineReport设计的web报表中,给iframe设置src嵌入某个报表时,往往会给报表传递初始的参数值,例如:
简单说来就是把所有需要传递的参数加到与主页面同源的url上,将子页面重定向到该url,然后主页面通过iframe的src获取这些参数 过程非常复杂,不建议使用这种方法 2. postMessage() postMesssage()是HTML5提供的一...
1、父页面传参数到子页面 代码如下: //JavaScript代码 $.ajax({ type:”POST”, uri:”../student/studentInfo.action”, data:{ “date”:date, “stuNo”:stuNo }, success:function(data){ var params = “?...
当用户的页面需要动态加载iframe 时, 如果iframe的src中包传中文参数会出现编码错误;必须加编码,然后再解码。 编码:encodeURI(encodeURI(“包含中文的串”)) 解码:java.net.URLDecoder.decode(“需要解码的串”...
代替window.open、window.alert、window.confirm;...Dialog显示的内容(三种):1、指向一个URL的iframe窗口;2、页面内隐藏的元素中的html内容;3、直接输出一段html内容; 按ESC键可关闭弹出框;
下面是世纪天成调用腾讯跑跑卡丁车页面的代码,确实不错以前软件开发网小编也这么做过,需要用js什么的,特分享给大家参考。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="gbk" /...
可以将book.aa.com用iframe添加到 www.aa.com的某个页面下,在www.aa.com和iframe里面都加上document.domain = "aa.com",这样就可以统一域了,可以实现...就和平时同一个域中镶嵌iframe一样,直接调用里面的JS就可以了
response.write \"<script language=javascript>alert(\'传参错误!参数 \"&query_name&\" 的值中包含非法字符串!\\n\\n\');location=\'\"&request.ServerVariables(\"HTTP_REFERER\")&\"\'</Script>\" response....