Javascript 如何制作<;iframe>;标签对变量有何反应?

Javascript 如何制作<;iframe>;标签对变量有何反应?,javascript,html,Javascript,Html,所以我想让iframe标记对变量做出反应。怎么做 看看这个: <iframe width="500" height="500" src=website ></iframe> <script> var website = document.getElementById("textBox").value; </script> var-website=document.getElementById(“textBox”).value;

所以我想让iframe标记对变量做出反应。怎么做

看看这个:

<iframe
  width="500"
  height="500"
  src=website
></iframe>

<script>
  var website = document.getElementById("textBox").value;
</script>

var-website=document.getElementById(“textBox”).value;
解决方案在这里

<script type="text/javascript">
function iframeDidLoad() {
  var website = document.getElementById("textBox").value;
 document.getElementById('myIframe').src =website ;
}
</script>

<iframe
  width="500"
  height="500"
 onLoad="iframeDidLoad();"
  src=""
></iframe>

函数iframeDidLoad(){
var-website=document.getElementById(“textBox”).value;
document.getElementById('myIframe').src=网站;
}
解决方案在这里

<script type="text/javascript">
function iframeDidLoad() {
  var website = document.getElementById("textBox").value;
 document.getElementById('myIframe').src =website ;
}
</script>

<iframe
  width="500"
  height="500"
 onLoad="iframeDidLoad();"
  src=""
></iframe>

函数iframeDidLoad(){
var-website=document.getElementById(“textBox”).value;
document.getElementById('myIframe').src=网站;
}

一种更安全的方法是将更改iframe的
src
的操作委托给一个按钮,例如,这样可以避免多次刷新

您可以在此页面上运行此示例:
document.querySelector(“#changeButton”).onclick=function(){
document.querySelector('#iframex').src=document.querySelector('#textBox').value
}
#文本框{宽度:75%}
#更改按钮{宽度:20%}
iframe{width:95%}

更改iframe源

一种更安全的方法是将更改iframe的
src
的操作委托给一个按钮,例如,这样可以避免多次刷新

您可以在此页面上运行此示例:
document.querySelector(“#changeButton”).onclick=function(){
document.querySelector('#iframex').src=document.querySelector('#textBox').value
}
#文本框{宽度:75%}
#更改按钮{宽度:20%}
iframe{width:95%}

更改iframe源

document.getElementsByTagName('iframe')[0].src=website;它是‘元素’还是‘元素’?它是元素,它是有效的。我测试过了。另一种方法是只为iframe分配一个id并进行设置。就像这里:成功了!!!!!!!document.getElementsByTagName('iframe')[0].src=website;它是‘元素’还是‘元素’?它是元素,它是有效的。我测试过了。另一种方法是只为iframe分配一个id并进行设置。就像这里:成功了!!!!!!!呵呵,那是我的scratch.mit.edu帐户名。而且,我确实需要做一些“小的修改”才能让它工作。一旦完成,它看起来就像永远在闪烁!解决办法是什么?(不回复,回复函数,我猜,没有“代码”的东西)呵呵,那是我的scratch.mit.edu帐户名。而且,我确实需要做一些“小的修改”才能让它工作。一旦完成,它看起来就像永远在闪烁!解决办法是什么?(不回复,回复功能,我猜,没有“代码”的东西)