无法使用 javascript 更改窗口对象的属性

Question

我正在尝试创建一个窗口并动态更改其属性。

但是当我加载网页时（例如：www.google.com）：加载完美；并按下“红色”按钮，窗口将向后移动，并且不会改变其背景颜色。

这是我的代码：

JavaScript：

var win1 ='';
function create(){
    var url1=document.getElementById('myUrl').value;
    win1=open(url1,'hello', 'width=500,height=500');
}

function makeItRed(){
    win1.document.body.style.backgroundColor="red";
    win1.focus();
}

function closeIt(){
    win1.close();
}

HTML：

<input type="text" id="myUrl"/>
<button onClick="create()">Click</button>
<button onClick="makeItRed()">Red</button>
<button onClick="closeIt()">close</button>

Answer 1

出于安全原因，您不能在没有permissions from those sites or workarounds 的情况下操纵第三方网站内容。请参阅 details about Same Origin Policy 和 sharing Cross Origin Resources。

如果窗口内容是您自己网站的另一个页面，则代码应该可以工作。