按钮和js无法正常工作，iframe不会重定向

Question

我使用的是在底部/中间有iframe的主页。有一些按钮与相应的javascripts，使iframe转到不同的页面。由于某种原因按钮已停止工作，这是我的代码：

function reloadIFrame() {
 document.getElementById("myIframe").src="./Home/main.html";
}
function reloadIFrame2() {
 document.getElementById("myIframe").src="./Home/Codestack/";
}
function reloadIFrame3() {
 document.getElementById("myIframe").src="./Home/Drawblog/";
}
function reloadIFrame4() {
 document.getElementById("myIframe").src="./Home/HourOfCode/";
}
function reloadIFrame5() {
 document.getElementById("myIframe").src="./Home/Services/";
}

<div>
<button onclick="reloadIFrame();" style="border:none;color:#000000;padding:none;width:0;"><img src="t2-1.png" alt="Title" align = "left"></button>
<h3>&nbsp;</h3>
<h3>&nbsp;</h3>
<button onclick="reloadIFrame2();">   Codestack</button>
<button onclick="reloadIFrame3();">   Drawblog</button>
<button onclick="reloadIFrame4();">   Hour of code</button>
<button onclick="reloadIFrame5();">   Services</button>
<h4>&nbsp;</h4>
</div>
<center>
<center><iframe src="./home/main.html" width="630" style="display: block; border: none; height: 100vh; width: 100vw; height: 1700;" id ="myIframe"></center>
</div>

感谢您花时间做出回应。