Question

A.html

<div class="X"></div>
<div class="Y"></div>

B.html

<iframe scrolling="no" src="A.html">

当用户访问 A.html 时，将div Y设置为display: none

当用户访问 B.html 时，将div X设置为display: none

Answer 1

只需在A.html中使用此脚本，我希望你能得到你想要的结果！

<script type="text/javascript">
    $(document).ready(function () {
        var path = window.location.pathname;
        var ref = document.referrer;
       if (path == '/A.html' && ref!='')
        {
            $('[class="Y"]').css('display', 'none');
        }
        else {
            $('[class="X"]').css('display', 'none');
        }

    });
</script>

Answer 2

有人发布了答案并且有效。但出于某种原因，原来的答案被删除了。

$(document).ready(function () {
        var path = window.location.href;
        if(path=='http://www.example.com/A.html')
        {
            $('[class="Y"]').css('display', 'none');
        }
        else {
            $('[class="X"]').css('display', 'none');
        }

    });

Answer 3

您只需在iframe中添加name属性即可恩。

＆LT; iframe scrolling =“no”src =“A.html”name =“Ahtml”＆gt;

然后使用window.document.Ahtml.document（iframe具有不同的文档对象）访问

WITHIN在iframe中更改css属性

3 个答案: