标题:动态替换iframe怎么做
只看楼主
海蓝啸
Rank: 5Rank: 5
来 自:安徽
等 级:贵宾
威 望:17
帖 子:1611
专家分:0
注 册:2006-4-3
结帖率:100%
 问题点数:0 回复次数:20 
动态替换iframe怎么做
我网页上有几个按钮,还有一个iframe   
比如我想按一个按钮,就把这个iframe换成一个页面,按另一个按钮把这个按钮换成另一个iframe
请问怎么做?
搜索更多相关主题的帖子: iframe 动态 
2008-01-09 09:40
cdmalcl
Rank: 7Rank: 7Rank: 7
等 级:贵宾
威 望:24
帖 子:4091
专家分:524
注 册:2005-9-23
得分:0 
程序代码:
<script type="text/javascript" language="javascript">
function changeSrc(srcName)
{
    document.all.iframeId.src = srcName ;
}
</script>
<body>
<form id="formId">
<input type="button" name="baidu" value="百度" onclick="changeSrc('http:\\\\www.baidu.com')" />
<input type="button" name="google" value="谷歌" onclick="changeSrc('http:\\\\www.')" />
</form>
<iframe name="iframeId" src="http:\\www.baidu.com" height="400" width="98%">
</iframe>
</body>
2008-01-09 13:13
渚薰
Rank: 6Rank: 6
等 级:贵宾
威 望:22
帖 子:1132
专家分:0
注 册:2006-8-6
得分:0 
修改下,如果使用document.all在ff下无法执行:
function changeSrc(srcName)
{
    document.iframeId.src = srcName ;
}

个人ajax技术专题站: " target="_blank">http://www. 我不会闲你烦,只会闲你不够烦!
2008-01-09 15:34
cdmalcl
Rank: 7Rank: 7Rank: 7
等 级:贵宾
威 望:24
帖 子:4091
专家分:524
注 册:2005-9-23
得分:0 
原帖由 [bold][underline]渚薰[/underline][/bold] 于 2008-1-9 15:34 发表 [url=http://bbs.][/url]
修改下,如果使用document.all在ff下无法执行:
function changeSrc(srcName)
{
    document.iframeId.src = srcName ;
}

运行不成功 document下找不到iframeId
2008-01-09 17:07
lmhllr
Rank: 8Rank: 8
等 级:贵宾
威 望:44
帖 子:1504
专家分:42
注 册:2005-5-12
得分:0 
修改下:
程序代码:
<script type="text/javascript" language="javascript">
function changeSrc(srcName)
{
    document.getElementById("iframeId").src = srcName ;
}
</script>
<body>
<form id="formId">
<input type="button" name="baidu" value="百度" onclick="changeSrc('http://www.baidu.com')" />
<input type="button" name="google" value="谷歌" onclick="changeSrc('http://www.')" />
</form>
<iframe id="iframeId" src="http://www.baidu.com" height="400" width="98%">
</iframe>
</body>
2008-01-09 17:13
渚薰
Rank: 6Rank: 6
等 级:贵宾
威 望:22
帖 子:1132
专家分:0
注 册:2006-8-6
得分:0 
sorry,写错了,应该是
function changeSrc(srcName)
{
    window.iframeId.src = srcName ;
}

个人ajax技术专题站: " target="_blank">http://www. 我不会闲你烦,只会闲你不够烦!
2008-01-09 17:56
cdmalcl
Rank: 7Rank: 7Rank: 7
等 级:贵宾
威 望:24
帖 子:4091
专家分:524
注 册:2005-9-23
得分:0 
原帖由 [bold][underline]lmhllr[/underline][/bold] 于 2008-1-9 17:13 发表 [url=http://bbs.][/url]
修改下:
function changeSrc(srcName)
{
    document.getElementById("iframeId").src = srcName ;
}








 

学习了
一直不太理解getElementById
2008-01-09 18:49
cdmalcl
Rank: 7Rank: 7Rank: 7
等 级:贵宾
威 望:24
帖 子:4091
专家分:524
注 册:2005-9-23
得分:0 
原帖由 [bold][underline]渚薰[/underline][/bold] 于 2008-1-9 17:56 发表 [url=http://bbs.][/url]
sorry,写错了,应该是
function changeSrc(srcName)
{
    window.iframeId.src = srcName ;
}

还是不行
再研究一下
2008-01-09 18:50
海蓝啸
Rank: 5Rank: 5
来 自:安徽
等 级:贵宾
威 望:17
帖 子:1611
专家分:0
注 册:2006-4-3
得分:0 
哈哈。。。谢谢各位
我用的正是5楼的方法

这个社会太复杂。。。
2008-01-10 08:38
渚薰
Rank: 6Rank: 6
等 级:贵宾
威 望:22
帖 子:1132
专家分:0
注 册:2006-8-6
得分:0 
原帖由 [bold][underline]cdmalcl[/underline][/bold] 于 2008-1-9 18:50 发表 [url=http://bbs.][/url]

还是不行
再研究一下


iframe的name和id全部写上,这里就是"iframeId"

个人ajax技术专题站: " target="_blank">http://www. 我不会闲你烦,只会闲你不够烦!
2008-01-10 09:02



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-196604-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.084826 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved