`
keron
  • 浏览: 30941 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

如何改变iframe的src地址

阅读更多
如何改变iframe的src地址
2009年06月07日 星期日 12:03

方法一

如何改变iframe的src地址
<body>
<input type="button" value="改变地址" onClick="parent.displayinhere.location.href='http://www.baidu.com/'">
<iframe name="displayinhere" width=250px; height=200px; src="http://www.hao123.com">
</body>

仁则见人,智则风智
1、
<input onclick="document.all.mxh.location.replace('http://sina.com.cn')" type=button value=change><br>
<iframe id=mxh src="http://colorweb.go.163.com"></iframe>

2、
<input onclick="document.all.rpl.innerHTML='<iframe id=mxh src=\'http://www.sina.com\'></iframe>'" type=button value=change><br>
<span id=rpl><iframe id=mxh src="http://colorweb.go.163.com"></iframe></span>

 

方法二

 

<A href="javascript:NavGoto();" onClick="functiona();return false;">通讯录</A>
<>
<iframe name="main" src="test.html"></iframe>
</>
<script>
functiona()
{
window.frames["main"].location.href=http://www.baidu.com
}
</script>

方法三

<A id="gNav_A" href="javascript:NavGoto();" onClick="NavGoto(this);return false;">主页</A>
<iframe id="infrm" src="iframe-A.html" name="infrm" width="100%" frameborder="0" onload="this.height=150"></iframe>
<script type="text/javascript">
//导航
function NavGoto(O){
        document.getElementById("gNav_A").className="A";
        document.getElementById("gNav_B").className="A";
    var NavBtn = document.getElementById("infrm");
        switch(O.id){
                case "gNav_A":
                        NavName = "管理主页";
                        NavID = "gNav_A";
                        NavUrl = "iframe-A.html";
                        break;
                case "gNav_B":
                        NavName = "日记";
                        NavID = "gNav_B";
                        NavUrl = "iframe-B.html";
                        break;
         }
        document.getElementById(NavID).className="current";
        NavBtn.src = NavUrl;
        return false;
}
</script>

分享到:
评论

相关推荐

    捕捉IFrame SRC改变事件

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

    js改变Iframe中Src的方法

    本文实例讲述了js改变Iframe中Src的方法。分享给大家供大家参考。具体实现方法如下: &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt;...

    js获取控制iframe中iframe的src

    js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...

    html 网页加载

    本篇文章将围绕提供的代码片段`&lt;iframe src="show.asp" frameBorder="0" width="500" scrolling="no" height="230"&gt;&lt;/iframe&gt;`展开详细讨论。 ### `&lt;iframe&gt;`标签概述 `&lt;iframe&gt;`(Inline Frame)是HTML中的一个...

    jquery得到iframe src属性值的方法

    其主要属性src指的是要嵌入的页面地址,name属性用于标识iframe,以便于在JavaScript中引用。 3. jQuery选择器: jQuery选择器允许您选择HTML元素,并对它们进行操作。如上述代码中的$("#iframe_id"),就是通过id...

    详解iframe的src指向的内容不刷新的解决办法

    iframe的src的值发生改变,才会刷新iframe里面的内容. 所以虽然我代码的url对应的页面有变化了,可是url一直不变,也就是iframe的src的值一直没变.所以不刷新内容; 解决办法 原因找到了,解决就非常容易了.想任何一种...

    iframe(图片过渡效果欣赏)

    &lt;iframe src="URL" width="宽度" height="高度" frameborder="0" scrolling="no"&gt;&lt;/iframe&gt; ``` 其中,`src`属性定义了要嵌入的页面或资源的URL,`width`和`height`分别设定iframe的宽高,`frameborder`用来控制边框...

    iframe对另一个iframe控制的Demo

    例如,如果我们想要改变右边iframe中的某个元素的颜色,可以这样做: ```javascript document.getElementById('leftIframe').contentWindow.document.getElementById('targetElement').style.color = 'red'; ``` ...

    自动改变iframe的高度

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

    iframe src为图片时的高度自适应的代码

    这可以通过在`iframe`的`src`页面的`&lt;head&gt;`部分添加以下CSS代码来实现: ```html body { margin: 0; padding: 0; } ``` 这样,`iframe`就能正确显示图片,且不会出现滚动条,实现了高度自适应的效果。这种...

    基于iframe的跨域与更新父窗体地址栏的解决方案.docx

    ### 基于iframe的跨域与更新父窗体地址栏的解决方案 #### 1. 需求介绍 在现代Web应用开发中,经常会出现需要在一个应用中嵌入另一个应用的情况,尤其是在需要集成第三方服务或功能时。本文档探讨了一个特定场景:...

    angular中如何绑定iframe中src的方法

    // 示例方法:当输入框地址变化时更新iframe updateIframeSrc(newUrl: string) { this.testUrl = newUrl; this.trustedUrl = this.trustUrl(newUrl); } } ``` 在上述代码中,我们导入了`DomSanitizer`服务,并...

    js处理iframe的系列问题

    ### JavaScript处理iframe的相关知识点 在Web开发中,`iframe`(Inline Frame)是一种常见的HTML元素,用于嵌入另一个HTML文档到当前文档中。利用JavaScript可以实现对`iframe`中的元素进行操作,例如读取或修改...

    iframe中页面显示不全1

    `src`属性指定要加载的URL,`width`和`height`分别定义了iframe的宽度和高度。这些属性对于正确显示内容至关重要,因为如果iframe的尺寸小于嵌入页面的实际尺寸,就会出现显示不全的情况。 为了在`&lt;div&gt;`中嵌套`...

    使用iframe在网页中嵌入其他网页的方法

    &lt;iframe src="目标URL" width="宽度" height="高度" frameborder="边框" marginwidth="外边距宽度" marginheight="外边距高度" scrolling="滚动条" allowtransparency="透明度"&gt;&lt;/iframe&gt; ``` 1. `src` 属性:这是`...

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

    综上所述,通过iframe我们可以实现在不刷新整个页面的情况下进行页面跳转,通过JavaScript可以动态改变iframe的源地址和页面主题,而TabControl则提供了多面板的浏览体验,这些技术都是现代Web开发中不可或缺的部分...

    IFRAME清除

    IFRAME清除IFRAME清除IFRAME清除

    IFRAME病毒木马清除工具

    【标题】:“IFRAME病毒木马清除工具” 在网络安全领域,IFRAME病毒木马是一种常见的威胁,它利用HTML的IFRAME标签来隐藏恶意代码,以绕过安全防护并进行恶意活动。IFRAME全称为Inline Frame,是HTML语言的一部分,...

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

    在客户端,我们通常使用JavaScript来改变`iframe`的`src`属性。这可以通过获取`iframe`元素并调用其`src`属性来实现。例如,以下是一段简单的JavaScript代码示例: ```javascript var iframe = document....

Global site tag (gtag.js) - Google Analytics