| 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 |