在多个标记内更改iframe源。javascript函数是'；行不通_Javascript_Function_Iframe

在多个标记内更改iframe源。javascript函数是'；行不通

javascript function iframe

在多个标记内更改iframe源。javascript函数是'；行不通,javascript,function,iframe,Javascript,Function,Iframe,我正在尝试执行一个javascript函数，该函数将更改每个iframe的源代码。如果iframe不在任何其他标记内，则它可以工作 <!DOCTYPE html> <html> <head> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <button onclick="myFunction()">Search</bu

我正在尝试执行一个javascript函数，该函数将更改每个iframe的源代码。如果iframe不在任何其他标记内，则它可以工作

<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<button onclick="myFunction()">Search</button>
<iframe src="https://www.espn.com"  frameborder="1"  width="500" height="320"></iframe>
<iframe src="https://www.nbc.com"  frameborder="1"  width="500" height="320"></iframe>
<iframe src="https://www.cnn.com"  frameborder="1" width="500" height="320"></iframe>
 <script type = "text/javascript">
  function myFunction(){
  alert("Hello!");
  var frames = window.frames;
  for (var i = 0; i < frames.length; i++){
    frames[i].location = "http://www.w3schools.com";
    }  
}
</script>
</body>
</html>


搜寻
函数myFunction（）{
警惕（“你好！”）；
var frames=window.frames；
对于（变量i=0；i


然而，如果我将iframe放在div标记中，javascript由于某种原因无法到达它们
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
 <div class="container-fluid">
    <form align = "center">
      <br>
      <button onclick="myFunction()">Search</button>
      <br>
    </form>
<div class="col-xs-8 col-lg-6">
    <h3 id = "ESPN">ESPN</h3>
       <iframe src="https://www.espn.com"  frameborder="1"  width="500" height="320"></iframe>
      <br>
    </div>
    <div class="col-xs-8 col-lg-6">
    <h3 id = "NBC">NBC</h3>
      <iframe src="https://www.nbc.com"  frameborder="1"  width="500" height="320"></iframe>
      <br>
    </div>
    <div class="col-xs-8 col-lg-6">
    <h3 id = "CNN">CNN</h3>
      <iframe src="https://www.cnn.com"  frameborder="1" width="500" height="320"></iframe>
      <br>
</div>
</div>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 <script src="js/bootstrap.min.js"></script>
 <script type = "text/javascript">
  function myFunction(){
  alert("Hello!");
  var frames = window.frames;
  for (var i = 0; i < frames.length; i++){
    frames[i].location = "http://www.w3schools.com";
    }  
}
</script>
</body>
</html>




搜寻


ESPN


全国广播公司


有线电视新闻网


函数myFunction（）{
警惕（“你好！”）；
var frames=window.frames；
对于（变量i=0；i

为了让函数读取iFrame，是否还需要执行其他操作
 var frames = window.querySelectorAll("iframe"); 

获取所有iFrame。
我不确定，但您也可以将线路更改为

frames[i].src=”http://www.w3schools.com";
获取所有iFrame。
我不确定，但您也可以将线路更改为

frames[i].src=”http://www.w3schools.com";
获取所有iFrame。
我不确定，但您也可以将线路更改为

frames[i].src=”http://www.w3schools.com";
获取所有iFrame。
我不确定，但您也可以将线路更改为

frames[i].src=”http://www.w3schools.com";
函数myFunction（）{
警惕（“你好！”）；
var frames=window.getElementsByTagName（“iframe”）；//您只需要iframe
对于（变量i=0；i
函数myFunction（）{
警惕（“你好！”）；
var frames=window.getElementsByTagName（“iframe”）；//您只需要iframe
对于（变量i=0；i
函数myFunction（）{
警惕（“你好！”）；
var frames=window.getElementsByTagName（“iframe”）；//您只需要iframe
对于（变量i=0；i
函数myFunction（）{
警惕（“你好！”）；
var frames=window.getElementsByTagName（“iframe”）；//您只需要iframe
对于（变量i=0；i
试试这个
frames[i].src= "http://www.w3schools.com";

相反
frames[i].location = "http://www.w3schools.com";

试试这个
frames[i].src= "http://www.w3schools.com";

相反
frames[i].location = "http://www.w3schools.com";

试试这个
frames[i].src= "http://www.w3schools.com";

相反
frames[i].location = "http://www.w3schools.com";

试试这个
frames[i].src= "http://www.w3schools.com";

相反
frames[i].location = "http://www.w3schools.com";

您需要将javascript替换为以下内容：
function myFunction() {
            alert("Hello!");
            var frames = document.getElementsByTagName("iframe");
            for (var i = 0; i < frames.length; i++) {
                frames[i].src = "http://www.w3schools.com";
            }
        }

函数myFunction（）{
警惕（“你好！”）；
var frames=document.getElementsByTagName（“iframe”）；
对于（变量i=0；i
您需要将javascript替换为以下内容：
function myFunction() {
            alert("Hello!");
            var frames = document.getElementsByTagName("iframe");
            for (var i = 0; i < frames.length; i++) {
                frames[i].src = "http://www.w3schools.com";
            }
        }

函数myFunction（）{
警惕（“你好！”）；
var frames=document.getElementsByTagName（“iframe”）；
对于（变量i=0；i
您需要将javascript替换为以下内容：
function myFunction() {
            alert("Hello!");
            var frames = document.getElementsByTagName("iframe");
            for (var i = 0; i < frames.length; i++) {
                frames[i].src = "http://www.w3schools.com";
            }
        }

函数myFunction（）{
警惕（“你好！”）；
var frames=document.getElementsByTagName（“iframe”）；
对于（变量i=0；i
您需要将javascript替换为以下内容：
function myFunction() {
            alert("Hello!");
            var frames = document.getElementsByTagName("iframe");
            for (var i = 0; i < frames.length; i++) {
                frames[i].src = "http://www.w3schools.com";
            }
        }

函数myFunction（）{
警惕（“你好！”）；
var frames=document.getElementsByTagName（“iframe”）；
对于（变量i=0；i
为清楚起见，您能否解释一下原始代码中的错误是您的解决方案解决了什么？好吧，您的代码中没有任何错误。Bt由于document.getElementByTagName被限制为只查看它作为方法的文档对象，因此它是一种更优雅的方法。顺便说一句，您的代码在这里工作没有任何问题……为了清楚起见，您能解释一下原始代码中的错误是什么，您的解决方案解决了这个问题吗？嗯，您的代码中没有任何错误。Bt由于document.getElementByTagName被限制为只查看它作为方法的文档对象，因此它是一种更优雅的方法。顺便说一句，您的代码在这里工作没有任何问题……为了清楚起见，您能解释一下原始代码中的错误是什么，您的解决方案解决了这个问题吗？嗯，您的代码中没有任何错误。Bt由于document.getElementByTagName被限制为只查看它作为方法的文档对象，因此它是一种更优雅的方法。顺便说一句，您的代码在这里工作没有任何问题……为了清楚起见，您能解释一下原始代码中的错误是什么，您的解决方案解决了这个问题吗？嗯，您的代码中没有任何错误。Bt由于document.getElementByTagName被限制为只查看它作为方法的文档对象，因此它是一种更优雅的方法。顺便说一下，你的代码在这里工作没有任何问题。。。