动态改变iframe的src 用javascript怎么做

heimen 2008-08-04 11:35:50
动态改变iframe的src 用javascript怎么做
现在有两个iframe，一左一右，要在上面的菜单按钮点击时在右边的iframe打开菜单相对应的页面
各位谁做过
...全文
33644 19 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
19 条回复
切换为时间正序
请发表友善的回复…
发表回复
kevinl768 2012-09-12
  • 打赏
  • 举报
 回复
的确，我也在也遇到同样的问题。在主页上有一个Iframe,ID="Iframe1"在主页上引用了一个JS，Iframex.js,在主页上做了三个按钮：bt1,bt2,bt3.分别对应三个网页，bt1.aspx,bt2.aspx,bt3.aspx.代码：

主页面上：<div id="xx1"><iframe id="Iframe1" scr="bt1.aspx" width="250" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> </div>
<div id="Left_select" align="center" style="width:230">
 <input type="button" id="bt1" class="button2" value="BT1" title="" onclick="bt_click('bt1');"/>
 <input type="button" id="ButtonOnline" class="button2" value="BT2" title="" onclick="bt_click('bt2');"/>
 <input type="button" id="ButtonOffline" class="button2" value="BT3" title="" onclick="bt_click('bt3');"/>
</div>


在Iframex.js中添加代码：
function bt_click(id)
{
switch(id)
{
case "bt1":
document.getElementById("Iframe1").scr='bt1.aspx';
break;
case "bt2":
document.getElementById("Iframe1").scr='bt2.aspx';
break;
case "bt3":
document.getElementById("Iframe1").scr='bt3.aspx';
break;
}
}

点击按钮，Iframe1没有任何反应。哪位朋友能给点提示，谢谢！！
angelenfq 2012-04-11
  • 打赏
  • 举报
 回复
不知这位是什么html的代码里面测试通过的了？
我现在需要改变iframe的src，上面的方法都没有用，不知哪位大侠可以指点一下了？


[Quote=引用 13 楼 的回复:]

经过测试，一下代码可用：

JScript code

window.frames['framename'].location.href = "http://www.baidu.com";
[/Quote]
bjtangwenbo 2011-05-16
  • 打赏
  • 举报
 回复
kankan
shellcoders 2011-03-17
  • 打赏
  • 举报
 回复
fdsafdsafdsafdsafdsafdsaf
Mr_Left 2009-05-10
  • 打赏
  • 举报
 回复
大哥们,他说的是iframe 不是 frame好不!
fising 2009-04-01
  • 打赏
  • 举报
 回复 
window.frames['frameId'].location.href = "http://www.baidu.com";


这样是不行的
fising 2009-04-01
  • 打赏
  • 举报
 回复
经过测试，一下代码可用：



window.frames['framename'].location.href = "http://www.baidu.com";
heimen 2008-08-04
  • 打赏
  • 举报
 回复

<asp:ImageButton ID="ImageButton3" runat="server" Height="25px" Width="73px" ImageUrl="~/images/p1.jpg"
OnClientClick="test()" /> <!--服务器端控件按钮-->


<table align="center" width="845" height="950" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/08_03_02.jpg" align="center" valign="middle" nowrap id="frmTitle" name="frmTitle" style="width: 160px">
<iframe id="BoardTitle" name="main" style=" height: 100%; width:160; VISIBILITY: inherit; Z-INDEX: 2" scrolling="no" frameborder="0" src="lefttree.aspx"> </iframe>
</td>
<td align="center" background="images/b3.gif" style="width: 12px">
<table width="7" height="64" border="0" cellpadding="0" cellspacing="0">
<tr valign="middle">
<td valign="middle" background="images/b8.gif" onclick="switchSysBar()" style="width: 8px"> <span class="navPoint" id="switchPoint" title="关闭/打开 菜单">3 </span>
</td>
</tr>
</table>
</td>
<td>
<iframe id="frmright" name="frmright" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1" scrolling="no" frameborder="0" src="szaic.aspx"> </iframe>
</td>
</tr>

</table>


上面有一按钮服务器端的，点击时在frmright里面打开新的页面
heimen 2008-08-04
  • 打赏
  • 举报
 回复
<td background="images/menu_bg.gif" colspan="3" style="height: 18px">
<asp:ImageButton ID="ImageButton3" runat="server" Height="25px" Width="73px" ImageUrl="~/images/p1.jpg"
OnClientClick="test()" />
现在在服务端有这样一个按钮，我的意思是点击这按钮动态改变frmright的SRC，用response.write();可不可以实现，或者用脚本也行
bhtfg538 2008-08-04
  • 打赏
  • 举报
 回复
[Quote=引用 7 楼 dsdncoolie 的回复:]
在HTML中，IFRAME的属性用SRC，但在JS中，只有部份浏览器支持修改SRC(读是没问题)，真正通用的是要修改对应框架的href值。
所以楼上对应switchSysBar()应该这样写：

JScript code
function switchSysBar()
{
window.frames["frmright"].location.href="action(或你需要的名字).aspx"
}
[/Quote]

不知道 lz 是到底要换 frame 的src 还是链接的src 如果是连接的src 就是 我引用他这样写的
绿绦 2008-08-04
  • 打赏
  • 举报
 回复
<!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=gb2312" />
<title>left</title>
<script type="text/jscript">
function opens(url){
parent.document.getElementById("main").src=url;
}
</script>
</head>

<body><ul>
<li onclick="opens('http://www.163.com')" >163.com</li>
<li onclick="opens('http://www.sina.com')" >sina.com</li>
<li onclick="opens('http://www.csdn.net')" >csdn.net</li>
</ul>
</body>
</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=gb2312" />
<title>主页</title>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="200" >
<iframe src="left.html" width="180" ></iframe>
</td>
<td><iframe src="" id="main" width="100%" height="400" ></iframe></td>
</tr>
</table>
</body>
</html>





dsdncoolie 2008-08-04
  • 打赏
  • 举报
 回复
在HTML中，IFRAME的属性用SRC，但在JS中，只有部份浏览器支持修改SRC(读是没问题)，真正通用的是要修改对应框架的href值。
所以楼上对应switchSysBar()应该这样写：


function switchSysBar()

{

 window.frames["frmright"].location.href="action(或你需要的名字).aspx"

}
bhtfg538 2008-08-04
  • 打赏
  • 举报
 回复 


//在topframe 下

//js

window.frame.frmright.src="url";

window.frames["frmright"].src

子frame

window.parent.frame.frmright.src=...;

或者是 window.parent.frames["frmright"].src
familyX 2008-08-04
  • 打赏
  • 举报
 回复
document.getElementById("frmright").src="http://www.doulaicha.com";
familyX 2008-08-04
  • 打赏
  • 举报
 回复
<a href="要显示的网页名字" target="右边frame的名字">显示</a>
heimen 2008-08-04
  • 打赏
  • 举报
 回复
<table align="center" width="845" height="950" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/08_03_02.jpg" align="center" valign="middle" nowrap id="frmTitle" name="frmTitle" style="width: 160px">
<iframe id="BoardTitle" name="main" style=" height: 100%; width:160; VISIBILITY: inherit; Z-INDEX: 2" scrolling="no" frameborder="0" src="lefttree.aspx"></iframe>
</td>
<td align="center" background="images/b3.gif" style="width: 12px">
<table width="7" height="64" border="0" cellpadding="0" cellspacing="0">
<tr valign="middle">
<td valign="middle" background="images/b8.gif" onclick="switchSysBar()" style="width: 8px"><span class="navPoint" id="switchPoint" title="关闭/打开 菜单">3</span>
</td>
</tr>
</table>
</td>
<td>
<iframe id="frmright" name="frmright" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1" scrolling="no" frameborder="0" src="szaic.aspx"></iframe>
</td>
</tr>

</table>

客户端运行时动态改变frmright的SRC，是要动态呀
嘴哥臭鼬 2008-08-04
  • 打赏
  • 举报
 回复
iframe.src = url
bhtfg538 2008-08-04
  • 打赏
  • 举报
 回复
只要设置链接的target="frame的名字" 就好了吧

不需要用js
如果是要换frame 的里面的链接内容
就用
window.frames["id"].src
或者直接 window.framename.src
heimen 2008-08-04
  • 打赏
  • 举报
 回复
各位帮看一下，还有什么办法，楼上的几位的方法试了都不行
动态创建iframe,并动态添加js执行代码
动态创建iframe,并动态添加js代码动态创建iframe,并动态添加js代码
javascript控制frame,iframe的src属性代码
原理就是通过获取当前网页地址栏的信息传参，然后设置框架的地址。
iframe对另一个iframe控制的Demo
本实例 实现 左边iframe对右边iframe中网页控制，并且实现了左边iframe框的隐藏和重现功能。
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
在打开的模式窗口中，如果要借助于模式窗口接受服务器的流，通常需要隐藏一个iframe;有时候，然后采用iframe.src的形式去做请求；有时，在下载时发现服务器无法接收iframe的流，因为在模式窗口中没有触发iframe的src重新定向事件，普通的窗口无此问题。 具体解决办法： 在模式窗口的父窗口中隐藏一个iframe,下载的地址指向这个iframe.
点击按钮后 框架内载入不同网页内容特效.rar
点击按钮后 框架内载入不同网页内容特效
JavaScript

87,996

社区成员

224,708

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章