顺便记下用<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的方法。分享给大家供大家参考。具体实现方法如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title>...
### 捕捉IFrame SRC改变事件 在Web开发中,`<iframe>`(Inline Frame)是一种常用的元素,用于在当前网页中嵌入另一个独立的HTML文档。这为开发者提供了极大的灵活性,例如可以在主页面中加载不同的内容而无需刷新...
js控制/获取a.html中iframe加载的b.html中的iframe,很多人都以为getElementById可以直接获取,其实不行的,以上代码就解决了这个问题,js控制iframe加载页面的iframe,不过测试只在IE和火狐通过,谷歌不行,其他自...
- **修改IFrame属性**:获取到IFrame后,可以修改其`src`属性来改变加载的页面,或者调整其尺寸。 ```javascript iframe.src = 'http://new.example.com'; iframe.style.width = '600px'; iframe.style.height = '...
### JavaScript处理iframe的相关知识点 在Web开发中,`iframe`(Inline Frame)是一种常见的HTML元素,用于嵌入另一个HTML文档到当前文档中。利用JavaScript可以实现对`iframe`中的元素进行操作,例如读取或修改...
本篇文章将围绕提供的代码片段`<iframe src="show.asp" frameBorder="0" width="500" scrolling="no" height="230"></iframe>`展开详细讨论。 ### `<iframe>`标签概述 `<iframe>`(Inline Frame)是HTML中的一个...
其主要属性src指的是要嵌入的页面地址,name属性用于标识iframe,以便于在JavaScript中引用。 3. jQuery选择器: jQuery选择器允许您选择HTML元素,并对它们进行操作。如上述代码中的$("#iframe_id"),就是通过id...
2. **JavaScript**:通过JS可以控制图片的加载顺序和切换时机,实现更复杂的交互,比如点击按钮切换图片、定时自动切换等。 3. **响应式设计**:考虑到现代网页的多样性,使用`iframe`时应确保其适应不同的屏幕尺寸...
在网页开发中,JavaScript(js)经常被用来增强用户体验,特别是在构建动态交互式的用户界面时。本教程将详细讲解如何使用JavaScript实现一个可关闭的iframe内嵌tab标签组件。这个组件能够帮助用户在同一个页面中...
JavaScript(简称JS)提供了多种方式来实现网页内容的打印,包括打印整个页面或页面上的特定区域。本知识点主要介绍如何使用JS调用iframe元素来实现页面内容的打印功能。 ### 知识点一:使用iframe实现区域打印 ...
在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...
在JavaScript中,操作`iframe`内的DOM元素是常见的需求,特别是在构建复杂的网页应用时。`iframe`(Inline Frame)是一种可以在HTML文档中嵌入另一个HTML文档的元素,它允许我们实现页面分隔、加载外部资源或者创建...
本文将详细介绍如何通过JavaScript(简称JS)来获取一个内嵌在当前页面中的iframe的内容。这种方法特别适用于那些需要动态加载或更新iframe内部数据的应用场景。我们将从基本原理出发,逐步深入到具体的实现细节,并...
`javascript`提供了解决这个问题的方案,即动态调整`iframe`的高度,确保内容完整显示,同时保持页面整洁美观。下面我们将详细探讨如何使用`javascript`来实现这一功能。 1. 获取`iframe`元素 在`javascript`中,...
在上面的代码中,我们首先创建了一个 iframe 元素,然后将其 src 属性设置为要加载的 URL。接着,我们添加了一个 onload 事件处理函数,该函数将在 iframe 加载完成后触发。 方法二:使用 attachEvent 方法 在 IE ...
iframe的src的值发生改变,才会刷新iframe里面的内容. 所以虽然我代码的url对应的页面有变化了,可是url一直不变,也就是iframe的src的值一直没变.所以不刷新内容; 解决办法 原因找到了,解决就非常容易了.想任何一种...
总结来说,动态创建iframe并动态添加js执行代码是Web开发中的重要技术,它能够帮助我们实现异步加载、跨域通信等功能,但同时也需要注意相关的安全问题。通过熟练掌握这些技术,开发者能够构建更复杂、更灵活的Web...
`iframe`标签通常包含`src`属性,用于指定要加载的网页地址,以及`height`和`width`属性,定义了`iframe`的尺寸。然而,这些静态属性无法自动调整以适应内容的变化。 接下来,我们可以利用JavaScript的DOM操作和...
JS 获取 iframe 中的内容 在 Web 开发中,我们经常会遇到需要获取 iframe 中的内容的情况。iframe 是 HTML 中的一个元素,用于嵌入其他网页或文件。今天,我们将探讨如何使用 JavaScript 获取 iframe 中的内容。 ...