OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style type="text/css" media="screen"> | 3 <style type="text/css" media="screen"> |
4 body { background:green; } | 4 body { background:green; } |
5 </style> | 5 </style> |
6 <script> | 6 <script> |
7 function handleMessage(event) | 7 function handleMessage(event) |
8 { | 8 { |
9 switch (event.data) { | 9 switch (event.data) { |
10 case "addStyleSheet": | 10 case "addStyleSheet": |
11 var style = document.createElement("style"); | 11 var style = document.createElement("style"); |
12 style.textContent = "body { background-color: yellow; }"; | 12 style.textContent = "body { background-color: yellow; }"; |
13 document.head.appendChild(style); | 13 document.head.appendChild(style); |
14 break; | 14 break; |
15 case "removeStyleSheet": | 15 case "removeStyleSheet": |
16 document.head.removeChild(document.head.children[0]); | 16 document.head.removeChild(document.head.children[0]); |
17 break; | 17 break; |
18 } | 18 } |
19 } | 19 } |
20 | 20 |
21 window.addEventListener("message", handleMessage, false); | 21 window.addEventListener("message", handleMessage, false); |
22 </script> | 22 </script> |
23 </head> | 23 </head> |
24 | 24 |
25 <body> | 25 <body> |
26 </body> | 26 </body> |
27 | 27 |
28 </html> | 28 </html> |
OLD | NEW |