使用iframe做单页面,浏览器后退,点击两次地址才改变

实现iframe地址与浏览器地址同步时,(浏览器地址不会随iframe的变化而修改,要自己设置hash哦)

踩到页面跳转,地址不变的问题

问题:点击导航栏设置iframe的src(同时设置了浏览器的hash,window.location.hash),页面跳转了,当点击浏览器返回时,发现页面改变了,地址还是原来的

原因

设置iframe的src会向浏览器的history加一条记录

解决

!!!动态创建iframe,不直接在js设置src

错误:

document.getElementById('iframe').src = url

正确:

//el为你的外层容器
var html = '<iframe name="myFrameName" id="iframe" width="100%" height="100%" src="' + url + '" frameborder="0"></iframe>';
        $('el').empty();
        $('el').append(html);
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值