javascript - iframe框架内页面控制父框架页面跳转到某地址
淡淡烟草味
淡淡烟草味 2017-06-23 09:11:55
0
3
918

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

淡淡烟草味
淡淡烟草味

全部回复(3)
仅有的幸福

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

三叔

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

给我你的怀抱

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中的页面访问父窗体。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板