Fatal编程技术网
  • javascript/
  • Javascript 如何更改iframe src？

Javascript 如何更改iframe src？

javascript iframe

Javascript 如何更改iframe src？,javascript,iframe,Javascript,Iframe,因此，在我的页面上，我使用Iframe在其中显示另一个网页。我想设置一个包含许多网页的数组（我想要多少），我想制作两个按钮，因此每次单击“下一步”按钮时，它都会更改我拥有的iframe标记内的页面。我的问题是如何设置这两个按钮（下一个和上一个），这样当我单击它们时，我将相应地更改为数组设置 <html xmlns="w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="t

因此，在我的页面上，我使用Iframe在其中显示另一个网页。我想设置一个包含许多网页的数组（我想要多少），我想制作两个按钮，因此每次单击“下一步”按钮时，它都会更改我拥有的iframe标记内的页面。我的问题是如何设置这两个按钮（下一个和上一个），这样当我单击它们时，我将相应地更改为数组设置

<html xmlns="w3.org/1999/xhtml">
  <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled Document</title> 
  </head> 

  var webpageArray = new Array()
  webpageArray[0]= "web0.com/"; 
  webpageArray[1]= "web1.com/"; 
  webpageArray[2]= "web2.com/"; 

  <iframe id="myframe" src="web1.com"></iframe> 

  loadNextPage = function() { 
    var iframe = document.getElementById("myframe"); 
    var src = webpageArray[1]; 
    iframe.src = src; 
    return; 
  } 
  <body>  
    <a href="" onclick="LoadNextPage"> Next Web Page >> </a> 
  </body> 
  </html>


无标题文件
var=新数组（）
webpageArray[0]=“web0.com/”；
webpageArray[1]=“web1.com/”；
webpageArray[2]=“web2.com/”；
loadNextPage=函数（）{
var iframe=document.getElementById（“myframe”）；
var src=Gearray[1]；
iframe.src=src；
回来
} 


loadNextPage=函数（）{
var iframe=document.getElementById（“myframe”）；
var src=Gearray[2]；
iframe.src=src；
回来
}
但是我不推荐这个过程。

这是可行的-使用普通javascript和内联处理程序-它应该附加在onload中，但让我们一次只处理一件事


无标题文件
var cnt=0，WebPageAry=[
"http://cnn.com/",
"http://msn.com/", 
"http://yahoo.com/"
]; 
函数加载下一页（目录）{
cnt+=dir；
如果（cnt=webagearray.length）cnt=0；//换行
var iframe=document.getElementById（“myframe”）；
iframe.src=WebPageAry[cnt]；
返回false；//必须！
}
jQuery版本

var cnt=0，webpageArray=[
"http://cnn.com/",
"http://msn.com/", 
"http://yahoo.com/"
]; 
$（文档）.ready（函数（）{
$（“#上一页，#下一页”）。单击（函数（e）{
cnt+=this.id==“next”？1:-1；
如果（cnt=webagearray.length）cnt=0；//换行
$（“#myframe”）.attr（“src”，webpageArray[cnt]）；
返回false；
});
});
垃圾方式

<html>
<head>
<script type="text/javascript">
flag = 0;
SrcList = new Array("http://www.google.com", "http://www.27nov.fr", "http://www.perdu.com");
function NextSrc(){
    if(flag < SrcList.length - 1){
    flag++;
    ChangeSrc(SrcList[flag]);
    }
    return false;
}
function PrevSrc(){
    if(flag > 0){
    flag--;
    ChangeSrc(SrcList[flag]);
    }
    return false;

}
function ChangeSrc(src){
    var iframe = document.getElementById('Myiframe');
    iframe.setAttribute('src',src);
}
</script>
</head>
<body>
<p><a href="#" onclick="PrevSrc()">Prev</a> - <a href="#" onclick="NextSrc()">Next</a></p>
<iframe id="Myiframe" src="http://www.w3schools.com" width="640" height="480">
</iframe>
</body>
</html>


flag=0；
SrcList=新数组（“http://www.google.com", "http://www.27nov.fr", "http://www.perdu.com");
函数NextSrc（）{
如果（标志0）{
旗帜--；
ChangeSrc（SrcList[flag]）；
}
返回false；
}
函数更改src（src）{
var iframe=document.getElementById（'Myiframe'）；
setAttribute（'src'，src）；
}
-
那么您还没有做任何事情？如果您向我们展示您的代码，我们可以帮助修复它-请不要让我们从头开始编写，这需要我们付出更多的努力，这样您将一无所获。自己花一点时间在上面，你应该喜欢写javascript，而不是逃避它！当你有一个严肃或具体的问题，或者这个问题变得不那么模糊时，请回来。你的html/脚本无效。您需要将脚本包装在脚本标记中，并将iframe和link放在body标记中。这里是计数器、IDX的更改和方向编码？计数器不是我的了望台。提出这个问题的人已经实现了代码。好吗？在过去的几天里，我一直在努力使这一点发挥作用，但对我来说，这并不奏效：（我看了很多教程，我真的很想了解更多。不管怎么说，这是我在你的帮助下得到的，但它根本不起作用（我知道我错过了很多）无标题文档var webagearray=new Array（）webagearray[0]=“webagearray[1]”WebPageAry[2]=“loadNextPage=function（）{var-iframe=document.getElementById（“myframe”）；var-src=WebPageAry[1]；iframe.src=src；return；}我在问题中添加了这一点-但这没有任何意义。您需要脚本标记，并在onclick处理程序上返回false！为什么要更改源onload？为什么要为flag调用索引？它不是一个flag。没有称为MaxLenght的var，如果有，请拼写它maxLength或仅使用数组的长度。请阅读如何使用当我到达最后一页时，我能让它腐烂回去吗？（请编辑你自己的代码）更新的普通版本也有以前的链接 
<html>
  <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled Document</title> 
    <script>
      var cnt=0,webpageArray = [
        "http://cnn.com/",
        "http://msn.com/", 
        "http://yahoo.com/"
      ]; 

      function loadNextPage(dir) {   
        cnt+=dir;
        if (cnt<0) cnt=webpageArray.length-1; // wrap
        else if (cnt>= webpageArray.length) cnt=0; // wrap
        var iframe = document.getElementById("myframe"); 
        iframe.src = webpageArray[cnt]; 
        return false; // mandatory!
      } 
    </script>
  </head> 

  <body>  
  <iframe id="myframe" src="http://cnn.com/"></iframe> 

  <a href="#" onclick="return loadNextPage(-1)"> << Previus Web Page </a> | 
  <a href="#" onclick="return loadNextPage(1)"> Next Web Page >> </a> 
  </body> 
  </html>

var cnt=0,webpageArray = [
  "http://cnn.com/",
  "http://msn.com/", 
  "http://yahoo.com/"
]; 

$(document).ready(function() {
  $("#prev, #next").click(function(e) {
    cnt+=this.id=="next"?1:-1;
    if (cnt<0) cnt=webpageArray.length-1; // wrap
    else if (cnt>= webpageArray.length) cnt=0; // wrap
    $("#myframe").attr("src", webpageArray[cnt]);
    return false;
  });
});    

<iframe id="myframe" src="http://cnn.com"></iframe> <br />
<a href="#" id="prev"> << Previous Web Page </a> | 
<a href="#" id="next"> Next Web Page >> </a>

<html>
<head>
<script type="text/javascript">
flag = 0;
SrcList = new Array("http://www.google.com", "http://www.27nov.fr", "http://www.perdu.com");
function NextSrc(){
    if(flag < SrcList.length - 1){
    flag++;
    ChangeSrc(SrcList[flag]);
    }
    return false;
}
function PrevSrc(){
    if(flag > 0){
    flag--;
    ChangeSrc(SrcList[flag]);
    }
    return false;

}
function ChangeSrc(src){
    var iframe = document.getElementById('Myiframe');
    iframe.setAttribute('src',src);
}
</script>
</head>
<body>
<p><a href="#" onclick="PrevSrc()">Prev</a> - <a href="#" onclick="NextSrc()">Next</a></p>
<iframe id="Myiframe" src="http://www.w3schools.com" width="640" height="480">
</iframe>
</body>
</html>