Question

<center>
 <button type= "button" onclick="myFunction()">Things To Do in Miami</button>
<div id="loadiframehere"> 
<iframe id="myframe"src="https://thingstodo.expedia.com/miami-florida-activities/" width="450" height="275" > </iframe>
</div>
</button>
<script>
 function myfunction(){
 var x = document.createElement("IFRAME")
 set.attribute("src","http://www.miamigov.com/home/");
set.attribute("width","600")
set.attribute("height","400")

 document.getElementByID("myframe").src="http://www.miamigov.com/home/"
document.getElementByID("myframe").width="300";
document.getElementByID("LOADHERE").appendchild(x);

}
  </script>
 </center>
</section>

这是我老师给我们复制的代码，但我做了，按钮不起作用。在我点击按钮之前，iframe只出现在它旁边。

Answer 1

这是解决方法。你的代码完全错了。您必须知道Javascript是区分大小写的。 getElementByID与getElementById不同。

另外，你创建了一个＆＃34; x＆＃34;要成为iframe的元素，但您还在html中创建了一个iframe，并设置了＆＃34; set＆＃34;属性未附加到任何元素。你创建了一个名为＆＃34; myFunction＆＃34;的函数，但是你正在调用＆＃34; myfunction＆＃34;。同样，javascript 区分大小写。

你应该学习Javascript语法。

＆＃13;

function myfunction(){
var x = document.createElement("IFRAME");
x.setAttribute("src","http://www.miamigov.com/home/");
x.setAttribute("width","600");
x.setAttribute("height","400");

document.getElementById("loadiframehere").appendChild(x);

}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<center>
 <button type= "button" onclick="myfunction()">Things To Do in Miami</button>
<div id="loadiframehere"> 

</div>
</center>

＆＃13;

单击按钮时如何显示iframe

1 个答案: