iframe链接跳转问题

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iframe链接跳转问题相关的知识，希望对你有一定的参考价值。

我在首页文件index.html里用iframe引用了头部文件heaer.html, 但是打开页面后为什么点击header部分的链接为什么不跳转页面呢（header.html里的内容包含导航，我是需要通过导航切换不同的页面效果的），求大神解决

参考技术A 你需要在连接里面【即a标签】加上 target="_parent" 参考技术B 这样跳转好象豪无意义
你可以跳转到一个直接包含zhaopin.asp的页面
而不是跳到A页面
只能用Js实现
动态给iframe的src 参考技术C b中的按钮，调用javascript程序。例如调用first方法，js程序用如下方法可以设置父页面的地址：
function
first()

window.parent.location.href='c页面地址';
 参考技术D 把你所有的的文件打包传上来，让我们帮你看下。

被iframe页面更改顶层的跳转链接

界面被其他网页Iframe,需要修改顶层链接---方法如下

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <iframe src="./b.html" frameborder="0"></iframe>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button onclick="myButton()">跳轉頂級頁面</button>
  <script>
    function myButton() {
      console.log(‘aaa‘)
      window.top.location.href = ‘http://10.10.10.11:6868/login.html‘
    }
  </script>
</body>
</html>

 

以上是关于iframe链接跳转问题的主要内容，如果未能解决你的问题，请参考以下文章

iframe框架如何跳转页面

页面嵌套iframe后，点击里面的链接，然后父窗口跳转（子窗口控制父窗口的链接跳转）

超链接跳转嵌套完成iframe框架 页面双头双尾解决办法

网页中如何实现点击iframe中的一个链接，使整个页面（不是只有iframe）跳转到新的页面

ifarme里面的页面包含的超链接点击能直接就在IFRAME里面跳转吗？

被iframe页面更改顶层的跳转链接