輸入多個iFrame來源與表格輸入與http

我有我在這裏找到以下代碼。如果我輸入http://google.com 輸入多個iFrame來源與表格輸入與http

它將google.com加載到iframe中。

我的問題是，

怎樣纔可以有超過1個iframe來填補
我可以擁有它，這樣我就不必放在HTTP：//剛域，google.com

謝謝，下面是代碼：

<html> 
    <head> 
     <title>Blah</title> 
      <link href="style.css" rel="stylesheet" type="text/css"/> 

      <script type="text/javascript"> 

       function SetSrc() 
       { 
        document.getElementById("myIfreme").src = document.getElementById("txtSRC").value; 
       } 

      </script> 
    </head> 
<body> 

<form> 
    Enter URL: 
    <input type="text" id="txtSRC" /> 
    <input type="button" value="GO" onclick="SetSrc()" /> 
</form> 

    <iframe id="myIfreme" src="" frameborder="0" marginwidth="0" height="500" width="480"> 
    </iframe> 

    <iframe id="myIfreme" src="" frameborder="0" marginwidth="0" height="500" width="840"> 
    </iframe> 

</body> 
</html>

非常感謝。這正是我期待的！在這裏完成：

<html> 
<head> 
<link href="style.css" rel="stylesheet" type="text/css" /> 
<title>Blah</title> 
<script type="text/javascript"> 
function SetSrc() 
{ 
document.getElementById("myIfreme1").src = 'http://' + 
document.getElementById("txtSRC").value; 
document.getElementById("myIfreme2").src = 'http://' + 
document.getElementById("txtSRC").value; 
document.getElementById("myIfreme3").src = 'http://' + 
document.getElementById("txtSRC").value; 
document.getElementById("myIfreme4").src = 'http://' + 
document.getElementById("txtSRC").value; 
document.getElementById("myIfreme5").src = 'http://' + 
document.getElementById("txtSRC").value; 
document.getElementById("myIfreme6").src = 'http://' + 
document.getElementById("txtSRC").value; 

} 
</script> 
</head> 
<body> 
<form> 
Enter URL: http:// 
<input type="text" id="txtSRC" /> 
<input type="button" value="GO" onclick="SetSrc()" /> 
</form> 
<div style="clear:both">320 width</div> 
<iframe id="myIfreme1" src="" frameborder="0" marginwidth="0" height="480" width="320" 
scrolling="yes"></iframe> 
<div style="clear:both">480 width</div> 
<iframe id="myIfreme2" src="" frameborder="0" marginwidth="0" height="480" width="480" 
scrolling="yes"></iframe> 
<div style="clear:both">640 width</div> 
<iframe id="myIfreme3" src="" frameborder="0" marginwidth="0" height="480" width="640" 
scrolling="yes"></iframe> 
<div style="clear:both">800 width</div> 
<iframe id="myIfreme4" src="" frameborder="0" marginwidth="0" height="480" width="800" 
scrolling="yes"></iframe> 
<div style="clear:both">1024 width</div> 
<iframe id="myIfreme5" src="" frameborder="0" marginwidth="0" height="480" width="1024" 
scrolling="yes"></iframe> 
<div style="clear:both">1280 width</div> 
<iframe id="myIfreme6" src="" frameborder="0" marginwidth="0" height="480" width="1280"  
scrolling="yes"></iframe> 

</body> 
</html>

感謝alfasin - 你真棒！

來源

2013-06-25 mewebs

嘗試：

<html> 
<head> 
<link href="style.css" rel="stylesheet" type="text/css" /> 
<title>Blah</title> 
<script type="text/javascript"> 
function SetSrc() 
{ 
    document.getElementById("myIfreme1").src = document.getElementById("txtSRC").value; 
    document.getElementById("myIfreme2").src = document.getElementById("txtSRC").value; 
} 
</script> 
</head> 
<body> 
<form> 
Enter URL: 
<input type="text" id="txtSRC" /> 
<input type="button" value="GO" onclick="SetSrc()" /> 
</form> 
<iframe id="myIfreme1" src="" frameborder="0" marginwidth="0" height="500" width="480"> 
</iframe> 
<iframe id="myIfreme2" src="" frameborder="0" marginwidth="0" height="500" width="840"> 
</iframe> 

</body> 
</html>

如果您不希望用戶輸入http://你可以這樣做：

... 
<form> 
Enter URL: http:// 
<input type="text" id="txtSRC" /> 
...

和

function SetSrc() 
{ 
    document.getElementById("myIfreme1").src = 'http://' + document.getElementById("txtSRC").value; 
    document.getElementById("myIfreme2").src = 'http://' + document.getElementById("txtSRC").value; 
}

BTW，谷歌將禁止您在iframe中使用www.google.com。

來源

2013-06-25 04:39:52 alfasin

謝謝。這對多個iframe有效，你知道我可以不必在域之前輸入http：//。 - 有趣 - 我不知道谷歌做到了。 – mewebs

@ user2518599請結帳我的答案的最後一節。 – alfasin

謝謝alfasin！ – mewebs

輸入多個iFrame來源與表格輸入與http

回答

相關問題