首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > 网页设计 >

关于iframe有关问题

2012-03-06 
关于iframe问题我一个页面引入三个iframe想其中一个iframe的一个查询结果放到别一个iframe里,要怎么设置?

关于iframe问题
我一个页面引入三个iframe   想其中一个iframe   的一个查询结果放到别一个iframe里,要怎么设置?可以实现吗?急求帮助...

[解决办法]
我拿两个iframe来做示例,N个iframe类同!

1.将以下代码存储为index.asp(“=”号内)
============================================
<%@LANGUAGE= "VBSCRIPT " CODEPAGE= "936 "%>
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 无标题文档 </title>
</head>

<body> 这里是第一个框架
<iframe id= "dw360cn " name= "dw360cn " src= "a.asp " frameborder=false scrolling= "auto " width= "100% " height= "100% " onload= "document.all[ 'dw360cn '].style.height=dw360cn.document.body.scrollHeight " > </iframe>
这里是第二个框架
<iframe id= "dw360cn2 " name= "dw360cn2 " src= "b.asp " frameborder=false scrolling= "auto " width= "100% " height= "100% " onload= "document.all[ 'dw360cn2 '].style.height=dw360cn2.document.body.scrollHeight " > </iframe>
</body>
</html>
============================================


2.将以下代码存储为a.asp(“=”号内)
============================================
<%@LANGUAGE= "VBSCRIPT " CODEPAGE= "936 "%>
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 无标题文档 </title>
</head>

<body>
<a href= "b.asp?mess=我来自第一个框架 " target= "dw360cn2 "> 给第二个框架传值 </a>
</body>
</html>

============================================


3.将以下代码存储为b.asp(“=”号内)
============================================
<%@LANGUAGE= "VBSCRIPT " CODEPAGE= "936 "%>
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 无标题文档 </title>
</head>

<body>
<% = Request.QueryString( "mess ")%>
</body>
</html>
============================================

4、运行index.asp
[解决办法]
main.html 三个iframe , frame1,frame2,frame3,

1)
main 里定义
funciton getFrame( domId)
{
return document.getElementById( domId) ;
}

2)
frame1 里定义 function fillData( data )

function fillData( data )
{
//set data to view here .
.....
}

3)
frame2里 :

var frame1= parent.getFrame( 'frame1 ') ;

frame1.fillData( data );


热点排行