Tecnología

Inicio

Cómo utilizar JS para escribir en otro documento

May 26

Cómo utilizar JS para escribir en otro documento


Puede acceder a todos los detalles intrincados necesarios para mostrar una página web utilizando JavaScript. Con Javascript, extraer o información de la página web a través de un cambio Document Object Model Hypertext Markup Language o DOM. Puede modificar el contenido de la página o el estilo, incluso después de la página se ha cargado. El DOM puede incluso tener acceso a la parte interna de una ventana pop-up o el navegador niño. Cuando openomg la ventana secundaria, se crea un nuevo objeto JavaScript que va a utilizar para hacer referencia y editar objetos únicos, propiedades, métodos y contenidos del documento niño.

Instrucciones

1 Iniciar el editor Bloc de notas de texto sin formato haciendo clic en el botón "Inicio", clic en "Todos los programas", "Accesorios" y luego haciendo clic en el Bloc de notas.

2 Introduzca el código siguiente en el editor de texto.

<Html>
<Head>
<Script language = "javascript">
función POP (elección) {
superior var = '<html> <body align = "center">';
var abajo = '</ body> </ html>';
// El / objeto DOM Javascript para la nueva ventana
var NewDocument = window.open ( "", "", "width = 300, height = 300")
si (elección == 1)
{

var newDocumenttext=&quot;This is the newDocument and its text&quot;;

}
si (== opción 2)
{
var newDocumenttext = "<h1>:) </ h1> <h3 style =" color: red "> Esta es la misma ventana con el nuevo texto </ h3>";
}

newDocument .document.open();
newDocument .document.write(top+newDocumenttext+bottom);
newDocument .document.close();
}

</ Script>
</ Head>
<Body>
<Div id = "mydiv"> Esta es la ventana de edad </ div>
Botón <id = "primera" type = "button" onclick = "javascript: emergente (1)"> Hacer una nueva ventana </ botón>
<br>
Botón <id = "segundo" type = "button" onclick = "javascript: emergente (2)"> Nuevo texto para una nueva ventana </ botón>
</ Body>
</ Html>

3 Haga clic en el menú Archivo. Seleccionar la opción "Guardar". Guardar con el nombre de archivo "test.html".

4 Iniciar el navegador web haciendo clic en el botón "Inicio", clic en "Todos los programas" y hacer clic en "Internet Explorer". Haga clic en la opción de menú "Archivo" y seleccionar "Abrir archivo".

5 Busque el archivo "test.html" acaba de crear, seleccionar con el ratón a continuación, haga clic en "Abrir".

6 Haga clic en botón "Hacer una nueva ventana." La segunda ventana se abrirá. Haga clic en botón "Nuevo texto para la nueva ventana." La segunda ventana debe tener un texto "Esta es la misma ventana con el nuevo texto."

Consejos y advertencias

  • Se pueden añadir poco o tanto la información de estilo para el nuevo documento como desee. Para simplificar el código JavaScript, podría agregar instrucciones para la nueva ventana para cargar una hoja de estilos externa externa. En el ejemplo anterior, se puede cambiar la variable "top" JavaScript para que se cargue una hoja de estilo llamado "newDocument.css."
  • superior var = '<html> <head> <link href = "newDocument.css" type = "text / css" rel = "stylesheet" /> </ head> <body align = "center">';