个人中心
gpt4 book ai didi

javascript - iFrame 重新加载框架而不是页面

转载 作者：太空宇宙 更新时间：2023-11-04 04:03:47 28 4
gpt4 key购买 nike

这是我的代码，我不确定如何重新加载 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>

最佳答案

嗯，我想你可能正在寻找这个:

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

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

在

中试试这个 
<head></head>

标签。

function Reload() {
var iframe = document.getElementById('Vote');
iframe.src = iframe.src;
}

和这样的 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">

关于javascript - iFrame 重新加载框架而不是页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21653303/

28 4 0
文章推荐： python - 如何使用 guizero 知道谁是 python 井字游戏的赢家
文章推荐： c++ - 远程线程调用 LoadLibrary 失败，错误 87
文章推荐： linux - 在 Linux i686 上使用 sqlite-3.7.6.3 出现编译错误
文章推荐： objective-c - 为地理坐标类实现 -hash 和 -isEqual
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com