zoukankan      html  css  js  c++  java
  • Angular

    1. 使用

     <iframe id='iframe' width='100%' height='400px' frameborder='no' border='0' scrolling='no' src={this.url} />
    

    2. 窗体传值

    frame加载完成再处理传值

    const iframe: any = document.querySelector('#iframe');
        if (iframe.attachEvent) {
          iframe.attachEvent('onload', () => {
            this.updateIframeAttribute(iframe);
          });
        } else {
          iframe.onload = () => {
            this.updateIframeAttribute(iframe);
          };
        }
    

    通过postMessage  窗体传值

    private updateIframeAttribute(iframe: any) {
        iframe.contentWindow.postMessage(this.instanceRecords || [], '*'); // 传送数据,xxx
    }
    

    接收值

    private messageSub: Subscription;
    
      if (this.messageSub) {
          this.messageSub.unsubscribe();
        }
        this.messageSub = fromEvent(window, 'message').subscribe((s: any) => {
          if (s.data instanceof Array) { // 这里通过传送过来的数据类型,来区分message 多次触发问题
            console.log(s.data);
            this.instanceRecords = s.data;
           }
        });
    

      

  • 相关阅读:
    super返回不过来
    对象与内存控制
    java数组学习
    careercup-递归和动态规划 9.8
    careercup-递归和动态规划 9.7
    careercup-递归和动态规划 9.6
    careercup-递归和动态规划 9.5
    careercup-递归和动态规划 9.4
    careercup-递归和动态规划 9.3
    careercup-递归和动态规划 9.2
  • 原文地址:https://www.cnblogs.com/ctfyfd/p/13742973.html
Copyright © 2011-2022 走看看