动态改变iframe的src 用javascript如何做-JavaSript-爱易网页

动态改变iframe的src 用javascript如何做

日期：2014-05-16　浏览次数：20317 次

动态改变iframe的src 用javascript怎么做
动态改变iframe的src 用javascript怎么做
现在有两个iframe，一左一右，要在上面的菜单按钮点击时在右边的iframe打开菜单相对应的页面
各位谁做过

------解决方案--------------------
只要设置链接的target="frame的名字" 就好了吧

不需要用js
如果是要换frame 的里面的链接内容
就用
window.frames["id"].src
或者直接 window.framename.src
------解决方案--------------------
iframe.src = url
------解决方案--------------------
<a href="要显示的网页名字" target="右边frame的名字">显示</a>
------解决方案--------------------
document.getElementById("frmright").src="http://www.doulaicha.com";
------解决方案--------------------

JScript code


//在topframe 下
//js
window.frame.frmright.src="url";
window.frames["frmright"].src
子frame
window.parent.frame.frmright.src=...;
或者是 window.parent.frames["frmright"].src

------解决方案--------------------
在HTML中，IFRAME的属性用SRC，但在JS中，只有部份浏览器支持修改SRC(读是没问题)，真正通用的是要修改对应框架的href值。
所以楼上对应switchSysBar()应该这样写：
JScript code
function switchSysBar()
{
 window.frames["frmright"].location.href="action(或你需要的名字).aspx"
}

------解决方案--------------------
<!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>







------解决方案--------------------
探讨
在HTML中，IFRAME的属性用SRC，但在JS中，只有部份浏览器支持修改SRC(读是没问题)，真正通用的是要修改对应框架的href值。 
所以楼上对应switchSysBar()应该这样写： 

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

动态改变iframe的src 用javascript如何做

相关资料更多>

推荐阅读更多>