Siempre he usado el método Document.Write () para mostrar datos en el navegador, y los he usado como alerta (). Parece que este tipo de uso está un poco infrautilizado. Hablemos de sus usos principales.
El método document.write () se puede usar en dos aspectos:
1. Durante el proceso de carga de la página, agregue el contenido de la página nueva con un script.
2. Use scripts de retraso para crear el contenido de esta ventana o nueva ventana.
Este método requiere un parámetro de cadena, que es contenido HTML escrito en una ventana o marco. Estos parámetros de cadena pueden ser variables o expresiones con valores como cadenas, y el contenido escrito a menudo incluye el lenguaje de marcado HTML. Como en el siguiente código, el marco del sistema académico carga la subpaga
La copia del código es la siguiente:
<!-Pon el marco en la celda->
<span style = "font-size: 18px;">
<td valign = "top" id = "content-contener">
<div id = "cargar">
// icono de efecto de carga
<img src = "images /loading.gif" />
</div>
<script type = "text/javaScript">
// llamando a la función de salida de salida de JS para formar un marco
Index.outputiframe ();
</script>
</td>
</span>
La copia del código es la siguiente:
<span style = "font-size: 18px;"> // marco de salida
Index.outputiframe = function () {
Var scrolling = $ .isie6 == ¿Verdadero? 'Sí': 'Auto';
document.write ('<iframe id = "content" marginwidth = "0" marginheight = "0" frameBorDer = "0" scrolling = "' + scrolling + '" onload = "$ (/'#carging/'). hide (); $ (this) .show ();" src = ""> </iframe>);
};
</span>
Después de cargar la página, la transmisión de salida del navegador se cierra automáticamente. Después de esto, cualquier método document.writ () que funcione en la página actual abrirá una nueva transmisión de salida, que borrará el contenido de la página actual (incluidas las variables o valores del documento de origen). Por lo tanto, si desea reemplazar la página actual con el HTML generado por el script, debe conectar el contenido HTML y asignarla a una variable, y usar un método Document.Write () para completar la operación de escritura.
Otra cosa a explicar sobre el método document.write () es su método relacionado document.close (). Después de que el script escribe el contenido en la ventana (ya sea esta u otra ventana), la secuencia de salida debe estar cerrada. Después del último método document.write () del script de retraso, debe asegurarse de que se incluya el método document.close (). Si no lo hace, no puede mostrar imágenes y formularios. Y, cualquier método de document.write () posteriormente llamado solo agregará el contenido a la página sin borrar el contenido existente para escribir el nuevo valor.
Para demostrar el método document.write (), proporcionamos dos versiones de la misma aplicación. Uno escribe contenido en un documento que contiene el script, y otro escribe contenido en una ventana separada.
El ejemplo 1 crea un botón que combina un nuevo contenido HTML para el documento, incluidas las etiquetas HTML para el nuevo título del documento y los atributos de color de la etiqueta.
En el ejemplo, hay un operador += que no es familiar para los lectores. Agrega la cadena a la derecha a la variable a su izquierda. Esta variable se utiliza para almacenar la cadena. Este operador puede combinar fácilmente varias declaraciones separadas en cadenas largas. Use la instrucción Document.Write () combinada en la variable NewContent para escribir todo el contenido nuevo en el documento, borrando completamente el contenido en el Ejemplo 1.
Luego debe llamar a la instrucción document.close () para cerrar la secuencia de salida. Al cargar el documento y hacer clic en el botón, puede notar que el título del documento en la barra de título del navegador cambia como resultado. Cuando regrese al documento original y haga clic en el botón nuevamente, puede ver que la segunda página escrita se carga dinámicamente aún más rápido que recargar el documento original.
Ejemplo 1 use document.write () en la ventana actual.
La copia del código es la siguiente:
<html xmlns = "http://www.w3.org/1999/xhtml"> <title> Escribir en el mismo doc </title>
<script language = "javaScript">
// Reescribe la función
function repetwrite () {
// Guardar el contenido escrito
var newContent = "<html> <head> <title> un nuevo documento </title> </head>"
NewContent += "<Body bgColor = 'Aqua'> <h1> Este documento es nuevo. </h1>"
NewContent += "Haga clic en el botón Atrás para ver el documento original".
NewContent += "</body> </html>"
// Escribir contenido nuevo
document.write (NewContent);
document.close ();
}
</script>
</ablo>
<Body>
<form>
<!-Haga clic en el botón para llamar a la función de escritura->
<input type = "button" value = "reemplazar contenido" onClick = "repitewrite ()">
</form>
</body>
</html>
Resumir:
Recientemente estoy escribiendo un cargador de recursos estáticos, que usa document.write. Después de experimentar algunos giros y vueltas, descubrí que Document.Write todavía tiene algo de contenido, así que decidí tirar algo y grabarlo, y al mismo tiempo también es una forma de acumular algo para mí.