托管支付领域如何改变父级div？

Question

最近，我正在处理托管付款字段https://www.braintreepayments.com/blog/your-checkout-our-iframes/。当我输入错误的内容时，容器div的类被更改了，这是如何工作的？我认为没有办法用不同的域名呼叫父母？

输入错误的代码。（类：＆＃34; braintree-hosted-fields-invalid＆＃34;）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="pfm-toolbar-wrap">
  <div class="pfm-toolbar-tabs">
    <div class="p-tab">
      <div class="pfm-tbar-tab-Spike m_b15">
        <div class="tab-ico cart"> <i class="cbl-icon"></i>  <em class="tab-text"> <a href="">text</a></em> 
        </div>
      </div>
      <div class="pfm-tbar-tab-group m_b15">
        <div class="tab-ico "> <i class="cbl-icon"></i>
          <em class="tab-text"> <a href="http://www.qanewspdb.com/tuan/Index.aspx">text2</a></em> 
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

他们大概使用的是web messaging，它专门用于提供跨源通信。因此，在父页面上运行的脚本会侦听来自iframe中运行的脚本的消息，并通过更新字段上的类来响应这些消息。