Forms 使用http从表单输入中输入多个iFrame源
我在这里找到了以下代码。 如果我输入 它将google.com加载到iframe中 我的问题是,Forms 使用http从表单输入中输入多个iFrame源,forms,iframe,Forms,Iframe,我在这里找到了以下代码。 如果我输入 它将google.com加载到iframe中 我的问题是, 我怎么能有超过1个iframe需要填充 我可以拥有它吗?这样我就不必输入http://只需输入域名google.com 谢谢,以下是代码: <html> <head> <title>Blah</title> <link href="style.css" rel="stylesheet" type="text/
<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>
废话
函数SetSrc()
{
document.getElementById(“myIfreme”).src=document.getElementById(“txtSRC”).value;
}
输入URL:
非常感谢。这正是我要找的!在此完成:
<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>
废话
函数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;
}
输入URL:http://
320宽
480宽
640宽
800宽
1024宽
1280宽
谢谢阿尔法辛-你太棒了 试试看:
<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>
及
顺便说一句,谷歌会阻止你在iframe中使用
www.Google.com
。谢谢。这适用于多个iFrame,你知道我可以不用在域前面输入http://吗有趣的是,我不知道谷歌会这么做。@user2518599请查看我答案的最后一部分。不客气!如果您勾选答案(左上角),则表示该答案已被接受。谢谢。我刚检查过。我是个不速之客。我刚刚添加了另一个问题,如果您想查看表单,我将如何添加onkeypress,enter按钮来提交表单。上面的代码相同。
...
<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;
}