Javascript 在html中，打开具有选定背景颜色的新窗口

html页面包含3个单选按钮-红色、绿色、蓝色。如果我们选择了其中任何一个单选按钮，则必须打开新窗口，并且该窗口的背景颜色应为所选的radio按钮颜色。有人能帮我解决这个问题吗？

试试这个（，你可能需要允许弹出窗口）：

HTML:

红色
绿色
蓝色

JavaScript:

function openWindowWithColor() {
  var color = this.getAttribute("data-color");
  console.debug("Open new window with color: " + color);
  var myNewWindow = window.open();
  myNewWindow.document.body.style.background = color;
} 

var radios = document.getElementsByTagName("input");

for(var i = 0; i < radios.length; i++) {
  radios[i].addEventListener("change", openWindowWithColor);
}

函数openWindowWithColor（）{ var color=this.getAttribute（“数据颜色”）； console.debug（“用颜色：“+打开新窗口”）； var myNewWindow=window.open（）； myNewWindow.document.body.style.background=颜色； } var radios=document.getElementsByTagName（“输入”）； 对于（变量i=0；i试试这个（，您可能需要允许弹出窗口）：

HTML:

红色
绿色
蓝色

JavaScript:

function openWindowWithColor() {
  var color = this.getAttribute("data-color");
  console.debug("Open new window with color: " + color);
  var myNewWindow = window.open();
  myNewWindow.document.body.style.background = color;
} 

var radios = document.getElementsByTagName("input");

for(var i = 0; i < radios.length; i++) {
  radios[i].addEventListener("change", openWindowWithColor);
}

函数openWindowWithColor（）{ var color=this.getAttribute（“数据颜色”）； console.debug（“用颜色：“+打开新窗口”）； var myNewWindow=window.open（）； myNewWindow.document.body.style.background=颜色； } var radios=document.getElementsByTagName（“输入”）； 对于（变量i=0；i

函数打开（var颜色）{
//window.open（“new_page.html#”+color）；
var myNewWindow=window.open（“url”）；
myNewWindow.document.body.style.background=颜色；
}

函数打开（var颜色）{
//window.open（“new_page.html#”+color）；
var myNewWindow=window.open（“url”）；
myNewWindow.document.body.style.background=颜色；
}

我试过了，新窗口正在打开，但没有显示任何背景色。应该可以，现在就用Firebug再试一次。您使用的是哪种浏览器？当我在Eclipse中尝试该示例时，输出没有出现。。但同样的例子在普通编辑器中工作。谢谢…我不确定，但可能是Eclipse自己管理内部浏览器窗口，因此JavaScript引用可能会丢失，并且在打开新窗口后，您无法从初始上下文中更改任何内容。好的。。新窗口的颜色必须在2秒后更改。对于该setTimeout（）函数，它在那里。但是我需要把这个函数放在哪里呢？我试过了，新窗口正在打开，但它没有显示任何背景色。它应该可以工作，现在用Firebug再试一次。您使用的是哪种浏览器？当我在Eclipse中尝试该示例时，输出没有出现。。但同样的例子在普通编辑器中工作。谢谢…我不确定，但可能是Eclipse自己管理内部浏览器窗口，因此JavaScript引用可能会丢失，并且在打开新窗口后，您无法从初始上下文中更改任何内容。好的。。新窗口的颜色必须在2秒后更改。对于这个setTimeout（）函数。但是我需要把这个函数放在哪里呢？

var newwindow = window.open('popup.aspx','Color Popup','height=400,width=200');
newwindow.document.body.style.background = "#000";

<script>
    function open(var color){
        //window.open("new_page.html#"+color);
        var myNewWindow = window.open("url");
        myNewWindow.document.body.style.background = color;
    }
</script>

<input type="radio" onclick="open('red')" />
<input type="radio" onclick="open('green')" />
<input type="radio" onclick="open('blue')" />