如何在react.js中获取iframe当前url

Question

我正在创建一个简单的react应用程序。在react组件中，我使用Iframe。现在我想从iframe访问当前的URL。当用户点击网站页面链接时，它转到另一个页面并且URL改变。如何访问当前的URL？我的代码如下：应用程序内Js文件

<IframeComponent src="http://scratchpads.org/" height="100%" width="45%"/>

它是组件代码：

import React from 'react';
export default class IframeComponent extends React.Component {
myOnloadFunction = () =>{
console.log(this.props.src)
// document.getElementById('frame').src =  "http://scratchpads.org/"
console.log(document.getElementById('frame').src)
//    console.log(document.frames['frame'].document.location)
}
render() {  
return (
<div>
<iframe src={this.props.src} height={this.props.height} width={this.props.width}  className="fullheight" onLoad={this.myOnloadFunction} id = "frame"  /> 
</div>
)}}

Answer 1

您试图实现的目标是被禁止的，如果iframe url不同，则无法更改，也无法访问父网站数据