首页 > 问答 > 正文

javascript - iframe框架内页面控制父框架页面跳转到某地址

如图所示，如何在B页面用js控制A页面跳转至某地址？

淡淡烟草味

淡淡烟草味2759 天前943

全部回复(3)我来回复

仅有的幸福

仅有的幸福2017-06-23 09:13:55

如果是同源的话，直接 window.parent.location.href 就可以。
不同源又没有 A 页面控制权的话无解。

回复

三叔2017-06-23 09:13:55

B页面的js里window.parent.window.location.href = '//www.baidu.com'

回复

给我你的怀抱

给我你的怀抱2017-06-23 09:13:55

a.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
</head>
<body>
    <iframe src="b.html"></iframe>
</body>
</html>

b.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <script type="text/javascript">
    function parentJump() {
        window.parent.location.href = 'http://www.baidu.com/';
    }
    </script>
</head>
<body>
    <button onclick="parentJump();">父页面跳到百度</button>
</body>
</html>

使用window.parent从iframe中的页面访问父窗体。

回复

取消回复