ifram 局部刷新，不刷新父级

最新推荐文章于 2024-12-09 13:23:41 发布

转载最新推荐文章于 2024-12-09 13:23:41 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Byme/p/9087268.html

本文介绍了一个JavaScript函数，用于加载指定URL到iframe，并通过修改当前页面URL的锚点部分来实现平滑过渡。此方法适用于单页应用中动态加载不同内容的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function loadIframe(url) {
    //获取url链接
    var u = window.location.href;
    //因为每次获取的链接中都有之前的旧锚点，
    //所以需要把#之后的旧锚点去掉再来加新的锚点（即传入的url参数）
    var end = u.indexOf("#");
    var rurl = u.substring(0, end);
    //设置新的锚点
    window.location.href = rurl + "#" + url;
};
var hash = location.hash;
var url = hash.substring(1, hash.length);
$("#ifm").attr("src", url);