学习笔记

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

查看其它板块

使用iframe之后点击里面的链接只在当前子页面跳转

作者:狐灵科技 | 2019-12-23 12:12 |点击:

设置子页面的a标签的target跳转方式为:_parent或_top

<script type="text/javascript">
$(document ).ready(function(){
    $("a" ).attr("target" , "_parent" ); //_top
});
</script>

注意该代码应该加在需要加载的iframe 框架里面

示例:


 
  <iframe src="/ceshi" frameborder="0" scrolling="no" id="test" width="100%" onload="this.height=100"></iframe>
  <script type="text/javascript">
  function reinitIframe(){
  var iframe = document.getElementById("test");
  try{
  var bHeight = iframe.contentWindow.document.body.scrollHeight;
  var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
  var height = Math.max(bHeight, dHeight);
  iframe.height = height;
  console.log(height);
  }catch (ex){}
  }
  window.setInterval("reinitIframe()", 200);
  </script>

 
上方的橙色js代码 是iframe 自适应高度的 

例如 页面中调用的是ceshi这个文件夹 代码应该加载ceshi文件夹中

加主页没有试过 感兴趣的可以试一下
如没特殊注明,文章均为狐灵科技原创,转载请注明   "使用iframe之后点击里面的链接只在当前子页面跳转
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:15082661954 / 大客户专线:15523356218