使用jquery更改iframe源

我已经尝试了一段时间,并且已经看到了类似问题的其他答案,但是当我尝试更改iframe的src属性时,它会为整个窗口更新它。下面是我正在使用的正确工作的代码(无jquery):

<html>
<头>
<style type=“text/css”>
iframe#ifrm{
边界:无;
填充:.5em;
裕度:1.5微米0.1微米;
宽度:100%;
身高:100%;
}
&lt/风格>
<脚本src=”https://stackoverflow.com/questions/2930315/js/jquery-1.4.2.js“type=“text/javascript”&gt&lt/脚本>
<script type=“text/javascript”>
//<![CDATA[
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
//这是我试图替换的函数:
函数loadIframe(iframeName,url){
if(window.frames[iframeName]){
frames[iframeName].location=url;
返回false;
}
返回true;
}
//]]>
&lt/脚本>
&lt/头>
<车身>
<ul>
<李&gt&书信电报;a href=”http://www.google.com/“onclick=“return loadIframe('ifrm',this.href)”>第1页&lt/a&gt&lt/李>
<李&gt&书信电报;a href=”https://stackoverflow.com/questions/2930315/tabs.html“onclick=“return loadIframe('ifrm',this.href)”>第2页&lt/a&gt&lt/李>
&lt/ul>
<div class=“iframe”>
<iframe name=“ifrm”id=“ifrm”src=”https://stackoverflow.com/questions/2930315/tabs.html“frameborder=”0“>
您的浏览器不支持iFrame。&lt/iframe>

正如我所说,我已经试过了

$('ifrm').attr('src',”http://www.google.com")

它显示页面,但不在iframe中。我只是在学习jquery,但我不知道我的情况与其他类似问题有什么不同,比如:

Jquery和iFrame更新

谢谢

应该有用

下面是一个工作示例:

http://jsfiddle.net/rhpNc/

摘录:

函数loadIframe(iframeName,url){
变量$iframe=$(“#”+iframeName);
if($iframe.length){
$iframe.attr('src',url);
返回false;
}
返回true;
}

发表评论