Question

我正在Angular网站上

我正在通过iframe打开另一个网站

如何读取iframe中通行的网站的网址？？

我正在输入代码

.html文件

<iframe src="https://www.zaubacorp.com/">
  <p>Your browser does not support iframes.</p>
</iframe>

当我搜索如何阅读Angular的iframe中打开网站的网址时。

我在javascript中收到以下建议 How do I get the current location of an iframe?

alert(document.getElementById("myiframe").src);
document.getElementById("myiframe").src = 'http://www.google.com/';
alert(document.getElementById("myiframe").documentWindow.location.href);
Error: Permission denied to get property Location.href

但实际上它在Angular中不起作用

Answer 1

您可以按照iframe inside angular2 component, Property 'contentWindow' does not exist on type 'HTMLElement' 的建议使用ViewChild

Answer 2

通过ViewChild，您可以访问iframe元素并读取src。

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'hello',
  templateUrl: 'hello.component.html',
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent  {
  @ViewChild('iframe') iframe: ElementRef;

  ngAfterViewInit() {
    console.log(this.iframe.nativeElement.src);
  }
}

您的HTML：

<iframe #iframe src="https://www.zaubacorp.com/">
  <p>Your browser does not support iframes.</p>
</iframe>

要进行演示，请检查此this stackblitz

我如何阅读iframe中打开网站的网址

2 个答案: