Ten mucho cuidado con este script
Código:
<script type="text/javascript">
function rewritePage(form) {
var newPage = "<html><head><title> bienvenido a mi pagina";
newPage += form.entry.value;
newPage += "</title></head><body>";
newPage += "<h1><background-color: #CCCCCC></h1>"
newPage += "<h1>Hola, " + form.entry.value + "!!!</font></h1>";
newPage += "</body></html>";
document.write("<Font color=ff0800 face=verdana, arial size=9px>" + newPage);
document.close();
}
</script>
document.write no escribe una "nueva página". Simplemente escribe el texto que deseas en el lugar donde llames a esa función. En este caso, lo escribirá donde está el botón.
Por esa razón, hay un par de cosas que no son correctas:
1) volver a escribir los tags html, title, head, body...
2) el tag font esta deprecado, ya no se utiliza. Para eso tienes el css.
3) ¿Porque utilizas document.close()? ¿Realmente lo necesitas?
4) el código
Código HTML:
<background-color: #CCCCCC>
es incorrecto. Si quieres setear un atributo css deberías hacer
Código HTML:
style="background-color: #CCCCCC"
en el tag que corresponda.
5) si quieres setear estilo a los tags que ingresas, solo tienes que escribirles clases css o ids... o utilizar la cascada...
Deberías repasar algo de html,css y luego javascript :S