将背景颜色从帧更改为新窗口

时间:2017-05-04 16:14:16

标签: javascript html frame

我想通过从框架中选择来更改新窗口的背景颜色。如果我们选择任何一个单选按钮,则必须打开一个新窗口,并且该窗口背景颜色应该是所选择的按钮颜色。任何人都可以帮我解决这个问题。我不知道我哪里出错了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<title> Frames and Window </title>
<script>

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);
}
</script>

    <body>

    <p style="color:red ; font-size:15pt"> Choose the background color for new window:
        </p>               
        </br></br> 
    <label for="red">Red</label>
<input type="radio" id="red" name="windowcolor" data-color="red" />
<label for="green">Green</label>
<input type="radio" id="green" name="windowcolor" data-color="green" />
<label for="blue">Blue</label>
<input type="radio" id="blue" name="windowcolor" data-color="blue" />

      <br></br>
      <input  type="button" id = "submit" name="" style="color: green; font-size:20pt" value="submit"  size ="10" onclick="openWindowWithColor()"/>
  </body>
</html>

2 个答案:

答案 0 :(得分:0)

尝试更改此行  myNewWindow.document.body.style.backgroundColor = color;

希望它有所帮助!

答案 1 :(得分:0)

将javascript更改为此,它应该有效:

mixerWS.Range("P3:Q12")

它将打开一个带有所选颜色的200x100px窗口。