创建一个链接来更改iframe上的src
Making a link to change src on iframe
我在PHP中有一些javascript/jquery代码:
$theframe='thisbox';
echo "<a href='#' onClick='"'$('#$theframe').attr('src','http://google.com';'">
<span class='lin'>$titlehere</span></a>";
当点击,我想要它更新的iframe在页面上的id='theframe'到别的东西(像谷歌这里),而不刷新页面。
它不工作。什么好主意吗?
编辑:为了将来参考,这里是我使用的。
<a href="foo.html" target="myiframe">Foo</a>
<iframe name="myiframe"></iframe>
:基本的jQuery问题:如何通过点击链接改变iframe src ?
给框架一个名字,然后使用目标属性,忘记JS。
<a href="http://example.net/" target="myFrame">Example</a>
<iframe name="myFrame" src="http://example.com/">
Alternative content for non-frame systems
</iframe>
创建一个新的div并通过每次点击设置其"innerHTML"值。innerHTML值然后包含一个新的iframe和它的源代码。
您需要阻止链接与event.preventDefault()
的默认行为。我还拆分了html和javascript:
echo "<a href='#' id='someID'><span class='lin'>$titlehere</span></a>";
JS:
$('#someID').click(function(ev){
$('#theframe').attr('src','http://google.com');
ev.preventDefault();
});
相关文章:
- Javascript更改iframe上的scr
- iframe上的100%自动高度
- 检查浏览器是否支持iFrame上的加载方法
- Iframe|youtube Iframe上的移动后退按钮
- iframe上的Javascript/Jquery检测403
- 有没有办法通过iframe上的JavaScript获取外部页面
- 一个 iframe 上的按钮以显示另一个 iframe
- 将鼠标悬停在位于我的页面上的 iframe 上的绑定事件,其中包含包含的 src
- iframe上的onload事件在IE和Firefox / GoogleChrome中的工作方式不同
- 禁用 HTML 外部的 iframe 上的导航
- IFrame上的JavaScript事件
- iframe上的跨域javascript,而无法访问目标iframe
- 正在检测iframe上的鼠标位置
- 准确地捕捉iframe上的点击
- 禁用iframe上的滚动顶部事件
- 书签&来自不同安全域的iFrame上的导航
- iframe上的链接在iframe中创建页面的另一个视图
- 创建一个链接来更改iframe上的src
- 如何用javascript自动填充iframe上的数据
- 计算iframe上的点击量