`

js改变iframe的src【原创】

阅读更多

顺便记下用<a>来调用js方法的写法:

<a href="#" onclick="chageIframe('http://www.gzjd.gov.cn/gzwfcx/')">广州交通违章查询</a>

以下是解决办法:

jsp页面:

<li>【A】<a href="#" onclick="chageIframe('http://www.gzjd.gov.cn/gzwfcx/')">广州交通违章查询</a></li>
         <li>【B】<a href="#" onclick="chageIframe('http://www.stc.gov.cn/search/vehicle_peccacy.asp')">深圳交通违章查询</a> </li>
        

   <div id="left-sidebar">
    <iframe id="myIframe" src="" width="512px" height="400px" scrolling="yes"></iframe>    
   </div>

js方法:

function chageIframe(url){
  
   var urlValue = url;
   document.getElementById("myIframe").src = urlValue;
  
}

注意在调用的时候,参数里是单引号‘’,因为出现在双引号里面“”,不能在双引号了。

 

分享到:
评论

相关推荐

    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;...

    捕捉IFrame SRC改变事件

    ### 捕捉IFrame SRC改变事件 在Web开发中,`&lt;iframe&gt;`(Inline Frame)是一种常用的元素,用于在当前网页中嵌入另一个独立的HTML文档。这为开发者提供了极大的灵活性,例如可以在主页面中加载不同的内容而无需刷新...

    js获取控制iframe中iframe的src

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

    js调用-嵌入iframe

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

    js处理iframe的系列问题

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

    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(图片过渡效果欣赏)

    2. **JavaScript**:通过JS可以控制图片的加载顺序和切换时机,实现更复杂的交互,比如点击按钮切换图片、定时自动切换等。 3. **响应式设计**:考虑到现代网页的多样性,使用`iframe`时应确保其适应不同的屏幕尺寸...

    基于js的iframe 可关闭tab标签组件使用方法

    在网页开发中,JavaScript(js)经常被用来增强用户体验,特别是在构建动态交互式的用户界面时。本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中...

    js调用iframe实现打印页面内容的方法

    JavaScript(简称JS)提供了多种方式来实现网页内容的打印,包括打印整个页面或页面上的特定区域。本知识点主要介绍如何使用JS调用iframe元素来实现页面内容的打印功能。 ### 知识点一:使用iframe实现区域打印 ...

    JS页面跳转和js对iframe进行页面跳转、刷新

    在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...

    JS操作iframe里的dom(实例讲解)

    在JavaScript中,操作`iframe`内的DOM元素是常见的需求,特别是在构建复杂的网页应用时。`iframe`(Inline Frame)是一种可以在HTML文档中嵌入另一个HTML文档的元素,它允许我们实现页面分隔、加载外部资源或者创建...

    JS获取iframe内容【简化版】

    本文将详细介绍如何通过JavaScript(简称JS)来获取一个内嵌在当前页面中的iframe的内容。这种方法特别适用于那些需要动态加载或更新iframe内部数据的应用场景。我们将从基本原理出发,逐步深入到具体的实现细节,并...

    javascript动态调整iframe高度

    `javascript`提供了解决这个问题的方案,即动态调整`iframe`的高度,确保内容完整显示,同时保持页面整洁美观。下面我们将详细探讨如何使用`javascript`来实现这一功能。 1. 获取`iframe`元素 在`javascript`中,...

    js下判断 iframe 是否加载完成的完美方法.docx

    在上面的代码中,我们首先创建了一个 iframe 元素,然后将其 src 属性设置为要加载的 URL。接着,我们添加了一个 onload 事件处理函数,该函数将在 iframe 加载完成后触发。 方法二:使用 attachEvent 方法 在 IE ...

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

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

    动态创建iframe,并动态添加js执行代码

    总结来说,动态创建iframe并动态添加js执行代码是Web开发中的重要技术,它能够帮助我们实现异步加载、跨域通信等功能,但同时也需要注意相关的安全问题。通过熟练掌握这些技术,开发者能够构建更复杂、更灵活的Web...

    js实现iframe自适应高度

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

    js获取iframe中的内容

    JS 获取 iframe 中的内容 在 Web 开发中,我们经常会遇到需要获取 iframe 中的内容的情况。iframe 是 HTML 中的一个元素,用于嵌入其他网页或文件。今天,我们将探讨如何使用 JavaScript 获取 iframe 中的内容。 ...

Global site tag (gtag.js) - Google Analytics