XHTML动态修改框架src属性的方法

51模板集专业软件定制、系统开发以及各种开源CMS教程,织梦教程、帝国cms教程、phpcms教程、.net教程、JS特效等

XHTML动态修改框架src属性的方法

分享到：

来源：51模板集浏览：次发布时间：2013-08-13 23:18

html大家已经使用过框架对其有一定的了解，框架(frame)的src属性是只读的，不可以写的。按照正常人的想法(document.frames["faramename"].src)去修改会提示没有权限，但通过设置document.getElementById["frameid"]的src属性或设置弹出窗口的打开目标等方法我们仍可以达到动态修改框架src属性的目的，下面是我们测试的代码：

程序代码
<iframe name="frame2" id="frame2" src="" width="500" height="500"></iframe><br />
<input name="btn2" type="button" id="btn2" value="按键一(不行)" onclick="document.frames['frame2'].src='http://www.51mubanji.com/';" />
<input name="btn3" type="button" id="btn3" value="按键二(不行)" onclick="document.frames['frame2'].document.location.href=http://www.51mubanji.com/cmskf/DedeCMS/';" />
<input name="btn" type="button" id="btn" value="按键三(可以)" onclick="document.getElementById('frame2').src=http://www.51mubanji.com/xtkf/netxtkf/';" />
<input name="btn4" type="button" id="btn4" value="按键四(可以)" onclick="window.open('http://www.51mubanji.com/wytx/javascripttx/','frame2');" />
<a href="http://www.51mubanji.com/" target="frame2">(可以)</a>

很详细吧，XHTML动态修改框架(frame)src属性的方法已经介绍完毕了。大家记得举一反三噢。