Javascript iFrame重新加载帧不是页面_Javascript_Jquery_Html_Css_Iframe

Javascript iFrame重新加载帧不是页面

javascript jquery html css iframe

Javascript iFrame重新加载帧不是页面,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,这是我的代码，我不知道如何重新加载iFrame页面（当单击“下一步/上一步”按钮时切换页面），也不知道如何将整个页面的滚动条设置回页面顶部，我的用户发现这非常烦人 <style> p { font-size:16pt; font-color:cyan; background-color:orange; border-style:solid; border-color:black; border-width:3px; width:128px; vertical-align:mi

这是我的代码，我不知道如何重新加载iFrame页面（当单击“下一步/上一步”按钮时切换页面），也不知道如何将整个页面的滚动条设置回页面顶部，我的用户发现这非常烦人

    <style>
p {
font-size:16pt;
font-color:cyan;
background-color:orange;
border-style:solid;
border-color:black;
border-width:3px;
width:128px;
vertical-align:middle;
horizontal-align:middle;
margin-left: auto;
margin-right: auto;
text-align:center;
}
</style>


<script type="text/javascript">
flag = 0;
SrcList = new Array("http://www.minecraft-index.com/3864-clearrealms/vote", "http://minecraft-mp.com/server/34632/vote/", "https://minestatus.net/98330-clearrealms/vote", "http://topminecraftservers.org/vote/19", "http://topg.org/Minecraft/in-378224#.Uu1YmHddWwE", "http://minecraft-server-list.com/server/197826/vote/", "http://www.planetminecraft.com/server/clearrealms-2643064/vote/");
function NextSrc(){
    if(flag < SrcList.length - 1){
    flag++;
    ChangeSrc(SrcList[flag]);
    }
    return false;
}
function PrevSrc(){
    if(flag > 0){
    flag--;
    ChangeSrc(SrcList[flag]);
    }
    return false;

}
function ChangeSrc(src){
    var iframe = document.getElementById('Vote');
    iframe.setAttribute('src',src);
}
</script>

<p><a href="#" onclick="PrevSrc()">Prev</a>  -  <a href="#" onclick="NextSrc()">Next</a></p>
<iframe id="Vote" src="http://minecraftservers.org/vote/96178" width="1080" height="795">
</iframe>


p{
字号：16pt；
字体颜色：青色；
背景颜色：橙色；
边框样式：实心；
边框颜色：黑色；
边框宽度：3倍；
宽度：128px；
垂直对齐：中间对齐；
水平对齐：中间对齐；
左边距：自动；
右边距：自动；
文本对齐：居中；
}
flag=0；
SrcList=新数组（“http://www.minecraft-index.com/3864-clearrealms/vote", "http://minecraft-mp.com/server/34632/vote/", "https://minestatus.net/98330-clearrealms/vote", "http://topminecraftservers.org/vote/19", "http://topg.org/Minecraft/in-378224#.Uu1YmHddWwE", "http://minecraft-server-list.com/server/197826/vote/", "http://www.planetminecraft.com/server/clearrealms-2643064/vote/");
函数NextSrc（）{
如果（标志0）{
旗帜--；
ChangeSrc（SrcList[flag]）；
}
返回false；
}
函数更改src（src）{
var iframe=document.getElementById（'Vote'）；
setAttribute（'src'，src）；
}
-

我想您可能正在寻找：

document.getElementById('Vote').contentWindow.location.reload(true);

true Parametere=从服务器重新加载页面。 false parameter=从浏览器缓存重新加载页面。所以这不是你想要的

试试这一款吧

<head></head>

html代码如下所示：

<p><a href="#" onclick="PrevSrc()">Prev</a> - <a href="#" onclick="Reload()">Reload</a>  -  <a href="#" onclick="NextSrc()">Next</a></p>
<iframe id="Vote" src="http://minecraftservers.org/vote/96178" width="1080" height="795">

--

感谢您的链接。将链接的

href

从

更改为

javascript:void（0）；

类似

<p>
<a href="javascript:void(0);" onclick="PrevSrc()">Prev</a>
  -  
<a href="javascript:void(0);" onclick="NextSrc()">Next</a>
</p>

fiddle或linkplease@chiliNUTwww.clearealms.com/voteHey伙计，我尝试了你的代码，谢谢，但现在它甚至不能重新加载我的页面，我相信我把它放错了地方。这是我的前：这是我的后：你的代码的区别在第38行谢谢，两个都很有效，但chilliNUTS短得多，谢谢你的帮助，我非常感谢。：）NP，经历了与

href=#

相同的麻烦，现在我每次都使用

void（0）

<p>
<a href="javascript:void(0);" onclick="PrevSrc()">Prev</a>
  -  
<a href="javascript:void(0);" onclick="NextSrc()">Next</a>
</p>