`
sty2008boy
  • 浏览: 301615 次
  • 性别: Icon_minigender_1
  • 来自: 太原
社区版块
存档分类
最新评论

用javascript 动态改变iframe 的src 属性

    博客分类:
  • CSS
阅读更多

如果用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

iframesrc是肯定可以改变的,估计楼主不成功是因为获取的iframe对象不对。

top.document.all("你的iframeID/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("你的iframeID/name").src=你的地址;变成

getObjectById( "你的iframeID/name" ).src=你的地址;

yongyong2006(勇勇于 2005-7-18 17:10:10

按照各位大侠提供的方法,可以改变url,非常感谢! 我这里还有一个问题就是,我首先要改变父页面的url(不打开新的页面),然后改变其页面中iframesrc,希望能够你们的进一步支持!

我用的方法是:

window.location =parentUrl;

document.getElementById("upperPage").src=child1Url;

document.getElementById("bottomPage").src=child2Url;

这样无法改变iframesrc属性,如果我把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,并且还要修改其内部的iframesrc属性,不胜感激!

ljp3000(http://linjp.3322.org) 于 2005-7-20 2:13:30

url后面加参数 .....htm?para=xxx

zhaoxiaoyang(梅雪香@hisoft) 于 2005-7-20 9:14:46

要想改变新页面中的framesrc,只能在新load的页面中去做

xdspower 于 2005-7-20 12:59:31

对的,你需要在新加载的页面的脚本中去完成。

看楼主的意思是想作内容获取页面吧?!

分享到:
评论

相关推荐

    捕捉IFrame SRC改变事件

    然而,在使用`&lt;iframe&gt;`时,有时我们需要监测其内容的变化,特别是当`&lt;iframe&gt;`中的源地址(src属性)发生改变时。 #### 1. 使用`window.onbeforeunload`事件监测IFrame内容变化 根据提供的代码示例,主要关注点...

    javascript控制frame,iframe的src属性代码

    本文讨论了如何使用JavaScript来控制frame和iframe元素的src属性,使得能够通过更改地址栏中的参数来动态地改变嵌入式框架中显示的页面。了解此技术对于开发动态网页及增强用户交互体验是非常重要的。下面将对文中...

    iframe 实现页面跳转 动态改变主题

    当需要动态改变iframe加载的页面时,可以使用JavaScript来操作iframe的`src`属性。例如,我们可以创建一个按钮,点击时更新iframe的源地址: ```html ()"&gt;切换页面 function changeIFrameSrc() { var iframe = ...

    js改变Iframe中Src的方法

    下面详细讲解如何通过JavaScript改变iframe中的src属性,并且涉及到了一些相关的javascript操作网页元素属性的技巧。 首先,我们需要了解iframe元素。iframe是HTML的内联框架元素,它会创建包含另外一个文档的内联...

    javascript经典特效---IFRAME间链接变换.rar

    - **更改IFRAME的`src`属性**:当你点击一个链接时,可以通过JavaScript改变IFRAME的`src`,从而加载新的页面。例如: ```javascript document.getElementById('frame1').src = 'page2.html'; ``` - **IFRAME...

    iframe对另一个iframe控制的Demo

    3. 使用JavaScript改变DOM元素的样式,如隐藏和显示iframe。 4. JSP中嵌入JavaScript代码实现动态交互。 通过深入理解和实践这些技术,开发者可以提升在Web页面交互设计和复杂布局控制方面的能力。

    JS动态修改iframe内嵌网页地址的方法

    但是,通过JavaScript,我们可以编写函数来改变iframe的src属性值,从而加载新的页面内容。 在上述给出的内容中,通过一个具体的实例来展示了如何使用JavaScript来修改iframe的src属性。实例中定义了一个名为...

    iframe的src赋值问题(服务器端)

    2. **在C#后台改变iframe的src** 如果你需要在服务器端(如ASP.NET环境)初始化或动态更改`iframe`的`src`,你需要将`iframe`标记为服务器端控件。这可以通过在HTML标记中添加`runat="server"`属性来实现,如下所示...

    javascript经典特效---Iframe页面的滚动.rar

    - 使用CSS可以改变Iframe的外观,例如隐藏默认滚动条,自定义滚动条样式,使用`overflow: hidden;`隐藏滚动条,或者通过`::-webkit-scrollbar`等伪元素定义滚动条样式(仅限Webkit内核浏览器)。 6. **浏览器兼容...

    PHP网站使用JavaScript和Iframe简单实现部分刷新效果1

    在本例中,`iframe`被用来加载`main_right.php`,并且它的`src`属性可以根据用户的交互(如点击不同的菜单项)进行更改,实现右侧内容的动态更新。通过设置`iframe`的`height`和`width`为100%,可以确保它充满其容器...

    iframe自适应子页面内容高度

    在同源情况下,可以使用以下JavaScript代码动态调整`iframe`高度: ```javascript function resizeIframe(iframeId) { var iframe = document.getElementById(iframeId); if (iframe && iframe.contentWindow && ...

    自动改变iframe的高度

    ### 自动改变iframe的高度 在Web开发中,`iframe`是一种常用的技术,它允许在一个HTML页面中嵌入另一个HTML页面。然而,在实际应用过程中,如何让`iframe`根据其内部内容自适应高度,是一个常见的需求。本文将详细...

    javascript窗体类似div窗体iframe+div窗体

    1. **动态加载内容**:通过改变IFrame的`src`属性,可以实时更新IFrame中显示的内容,实现动态加载页面或API返回的数据。 2. **模拟弹出窗口**:利用div,我们可以创建可拖动、可关闭的浮动窗体,通过JavaScript...

    Jquery实现iframe功能

    然后,我们可以通过jQuery来动态改变iframe的src属性,实现加载不同页面的功能。例如,当用户点击一个按钮时,我们可以这样做: ```javascript $("#loadButton").click(function() { var url = ...

    JS动态修改iframe高度和宽度的方法

    2. 使用JavaScript的style属性来动态改变样式:可以通过JavaScript对象的style属性来改变iframe的内联样式。例如,document.getElementById("myframe").style.height = "300px";。 3. 使用JavaScript的setAttribute...

    javascript经典特效---iframe间的链接变换.rar

    要获取或改变IFrame的`src`属性,可以使用`getElementById`或`querySelector`等方法。例如: ```javascript var iframe = document.getElementById('myFrame'); iframe.src = 'newPage.html'; ``` 3. **事件...

    JQUERY实现iframe页面切换功能

    `switchPage`函数负责改变iframe的`src`属性,从而加载新的页面。我们用`index`变量记录当前页面的位置,并使用模运算符实现循环切换。`#switchBtn`是切换按钮的ID,你可以根据实际需求更改或添加其他触发事件。 ...

    javascript经典特效---滚动的iframe页面.rar

    总的来说,这个压缩包文件提供了一个关于JavaScript操作iframe滚动效果的实例,对于学习和理解JavaScript与iframe的交互,以及如何通过编程手段实现动态滚动效果具有很好的参考价值。开发者可以通过解压文件,查看源...

    js调用-嵌入iframe

    - **修改IFrame属性**:获取到IFrame后,可以修改其`src`属性来改变加载的页面,或者调整其尺寸。 ```javascript iframe.src = 'http://new.example.com'; iframe.style.width = '600px'; iframe.style.height = '...

    js实现iframe自适应高度

    `iframe`标签通常包含`src`属性,用于指定要加载的网页地址,以及`height`和`width`属性,定义了`iframe`的尺寸。然而,这些静态属性无法自动调整以适应内容的变化。 接下来,我们可以利用JavaScript的DOM操作和...

Global site tag (gtag.js) - Google Analytics