如果用javascript 动态改变iframe 的src 属性
2007-04-26 20:05
我用这种方法document.frames[0].src =url;
无法改变src属性!
高手救救我
aniude(阿牛的乜乜) 于 2005-7-12 21:03:43
<iframe id="xx"></iframe>
<iframe id="yy"></iframe>
<script>
var xxObj = document.frames;
xxObj[0].src="index.htm";
</script>
:)
wzhiyuan(我是谁) 于 2005-7-12 22:06:24
iframeID.location=newURL
kendo7 于 2005-7-12 22:40:56
<iframe id="myIframe"></iframe>
<script language="javascript">
myIframe.src = "index.htm";
</script>
qidizi(qidizi) 于 2005-7-13 1:10:27
document.frames[0].location.href =url;
net_lover(孟子E章) 于 2005-7-13 7:56:10
window.frames["iframeName属性"].location.href="xxxx.asp"
kele2005(雨滴) 于 2005-7-13 8:36:18
frames.youname.src = url;
kevinpotter(孩哥) 于 2005-7-13 10:52:35
<iframe id="xx" src=""></iframe>
document.getElementById("xx").src="xx.htm";
或者
document.getElementsByTagName("iframe")[0].src="xx.htm";
cxz7531(大花猫) 于 2005-7-13 11:25:03
印象中跨域是不行的
kindwell(kind) 于 2005-7-13 11:56:06
对楼上各位的敬仰之情有如滔滔江水连绵不绝。
matrixy(中華復興黨处女主任) 于 2005-7-13 20:58:41
document.frames[0].navigate("about:blank");
window对象有navigate()方法可以转向到指定的URL的。。。
xdspower 于 2005-7-14 16:38:41
iframe的src是肯定可以改变的,估计楼主不成功是因为获取的iframe对象不对。
top.document.all("你的iframe的ID/name").src=你的地址; 在IE中要这样使用,不过我建议为了更好的兼容性,iframe 同时有id 和name,而且获得对象用下面的兼容性代码
function lib_bwcheck(){
this.ver=navigator.appVersion;
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.win = (navigator.appVersion.indexOf("Win")>0);
this.xwin = (navigator.appVersion.indexOf("X11")>0);
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5 || this.dom||false);
this.width = null;
this.height = null;
return this
}
function getObjectById( ID ) {
var bw = new lib_bwcheck();
if (bw.ns6) return document.getElementById(ID);
else if (bw.ns) return document.layers[ID];
else return document.all[ID];
}
既
top.document.all("你的iframe的ID/name").src=你的地址;变成
getObjectById( "你的iframe的ID/name" ).src=你的地址;
yongyong2006(勇勇) 于 2005-7-18 17:10:10
按照各位大侠提供的方法,可以改变url,非常感谢! 我这里还有一个问题就是,我首先要改变父页面的url(不打开新的页面),然后改变其页面中iframe的src,希望能够你们的进一步支持!
我用的方法是:
window.location =parentUrl;
document.getElementById("upperPage").src=child1Url;
document.getElementById("bottomPage").src=child2Url;
这样无法改变iframe的src属性,如果我把window.location =parentUrl; 去掉,可以改变src属性!请高手继续赐教! 大恩不言谢!!!
xdspower 于 2005-7-19 7:58:11
你确定新页面中有upperPage这样的iframe?
ice_berg16(寻梦的稻草人) 于 2005-7-19 8:20:18
别想了,不可能,页面被重新载入了,下面的代码不会执行。
yongyong2006(勇勇) 于 2005-7-19 20:31:16
ice_berg16(寻梦的稻草人),能否给我一个解决方案呢?我想改变当前页面的url,并且还要修改其内部的iframe的src属性,不胜感激!
ljp3000(http://linjp.3322.org) 于 2005-7-20 2:13:30
url后面加参数 .....htm?para=xxx
zhaoxiaoyang(梅雪香@hisoft) 于 2005-7-20 9:14:46
要想改变新页面中的frame的src,只能在新load的页面中去做
xdspower 于 2005-7-20 12:59:31
对的,你需要在新加载的页面的脚本中去完成。
看楼主的意思是想作内容获取页面吧?!
相关推荐
然而,在使用`<iframe>`时,有时我们需要监测其内容的变化,特别是当`<iframe>`中的源地址(src属性)发生改变时。 #### 1. 使用`window.onbeforeunload`事件监测IFrame内容变化 根据提供的代码示例,主要关注点...
本文讨论了如何使用JavaScript来控制frame和iframe元素的src属性,使得能够通过更改地址栏中的参数来动态地改变嵌入式框架中显示的页面。了解此技术对于开发动态网页及增强用户交互体验是非常重要的。下面将对文中...
当需要动态改变iframe加载的页面时,可以使用JavaScript来操作iframe的`src`属性。例如,我们可以创建一个按钮,点击时更新iframe的源地址: ```html ()">切换页面 function changeIFrameSrc() { var iframe = ...
下面详细讲解如何通过JavaScript改变iframe中的src属性,并且涉及到了一些相关的javascript操作网页元素属性的技巧。 首先,我们需要了解iframe元素。iframe是HTML的内联框架元素,它会创建包含另外一个文档的内联...
- **更改IFRAME的`src`属性**:当你点击一个链接时,可以通过JavaScript改变IFRAME的`src`,从而加载新的页面。例如: ```javascript document.getElementById('frame1').src = 'page2.html'; ``` - **IFRAME...
3. 使用JavaScript改变DOM元素的样式,如隐藏和显示iframe。 4. JSP中嵌入JavaScript代码实现动态交互。 通过深入理解和实践这些技术,开发者可以提升在Web页面交互设计和复杂布局控制方面的能力。
但是,通过JavaScript,我们可以编写函数来改变iframe的src属性值,从而加载新的页面内容。 在上述给出的内容中,通过一个具体的实例来展示了如何使用JavaScript来修改iframe的src属性。实例中定义了一个名为...
2. **在C#后台改变iframe的src** 如果你需要在服务器端(如ASP.NET环境)初始化或动态更改`iframe`的`src`,你需要将`iframe`标记为服务器端控件。这可以通过在HTML标记中添加`runat="server"`属性来实现,如下所示...
- 使用CSS可以改变Iframe的外观,例如隐藏默认滚动条,自定义滚动条样式,使用`overflow: hidden;`隐藏滚动条,或者通过`::-webkit-scrollbar`等伪元素定义滚动条样式(仅限Webkit内核浏览器)。 6. **浏览器兼容...
在本例中,`iframe`被用来加载`main_right.php`,并且它的`src`属性可以根据用户的交互(如点击不同的菜单项)进行更改,实现右侧内容的动态更新。通过设置`iframe`的`height`和`width`为100%,可以确保它充满其容器...
在同源情况下,可以使用以下JavaScript代码动态调整`iframe`高度: ```javascript function resizeIframe(iframeId) { var iframe = document.getElementById(iframeId); if (iframe && iframe.contentWindow && ...
### 自动改变iframe的高度 在Web开发中,`iframe`是一种常用的技术,它允许在一个HTML页面中嵌入另一个HTML页面。然而,在实际应用过程中,如何让`iframe`根据其内部内容自适应高度,是一个常见的需求。本文将详细...
1. **动态加载内容**:通过改变IFrame的`src`属性,可以实时更新IFrame中显示的内容,实现动态加载页面或API返回的数据。 2. **模拟弹出窗口**:利用div,我们可以创建可拖动、可关闭的浮动窗体,通过JavaScript...
然后,我们可以通过jQuery来动态改变iframe的src属性,实现加载不同页面的功能。例如,当用户点击一个按钮时,我们可以这样做: ```javascript $("#loadButton").click(function() { var url = ...
2. 使用JavaScript的style属性来动态改变样式:可以通过JavaScript对象的style属性来改变iframe的内联样式。例如,document.getElementById("myframe").style.height = "300px";。 3. 使用JavaScript的setAttribute...
要获取或改变IFrame的`src`属性,可以使用`getElementById`或`querySelector`等方法。例如: ```javascript var iframe = document.getElementById('myFrame'); iframe.src = 'newPage.html'; ``` 3. **事件...
`switchPage`函数负责改变iframe的`src`属性,从而加载新的页面。我们用`index`变量记录当前页面的位置,并使用模运算符实现循环切换。`#switchBtn`是切换按钮的ID,你可以根据实际需求更改或添加其他触发事件。 ...
总的来说,这个压缩包文件提供了一个关于JavaScript操作iframe滚动效果的实例,对于学习和理解JavaScript与iframe的交互,以及如何通过编程手段实现动态滚动效果具有很好的参考价值。开发者可以通过解压文件,查看源...
- **修改IFrame属性**:获取到IFrame后,可以修改其`src`属性来改变加载的页面,或者调整其尺寸。 ```javascript iframe.src = 'http://new.example.com'; iframe.style.width = '600px'; iframe.style.height = '...
`iframe`标签通常包含`src`属性,用于指定要加载的网页地址,以及`height`和`width`属性,定义了`iframe`的尺寸。然而,这些静态属性无法自动调整以适应内容的变化。 接下来,我们可以利用JavaScript的DOM操作和...