Tecnología

Inicio

Cómo leer un título en iFrame

A medida que su aplicación de Internet se ejecuta, se puede utilizar iFrames para mostrar puntos de vista de otros sitios web ubicados en el servidor Web. IFrames, también conocidos como marcos en línea, función que los navegadores en miniatura que se pueden colocar en cualquier parte de una página web. Cada página en Internet tiene un título de propiedad, incluso si esa propiedad está en blanco. IFrames tienen títulos también. Lea el título actual de cualquier marco flotante mediante la adición de una función de JavaScript rápida a su código HTML.

Instrucciones

1 Lanzar cualquier editor de texto o HTML y abrir uno de sus documentos HTML. Agregue el siguiente código HTML en la sección de cuerpo de su documento:

<Iframe id = "iframe1" src = anchura "Another_Web_Page.html" = "500" height = "600">
</ Iframe>
<Input type = id = valor "Button1" "botón" = "botón" onclick = "return getTitle ( 'iframe1')" />

Esta etiqueta crea un marco flotante y un botón. Reemplazar "Another_Web_Page.html" con la URL de otro documento HTML en su servidor Web. La etiqueta de botón se crea un botón que llama a la función JavaScript que se lee el título del marco flotante. El evento onclick pasa valor de ID del iframe a esa función.

2 Añadir la función de JavaScript se muestra a continuación a la sección de la escritura del documento:

getTitle función () {iframeID
var iframe = document.getElementById (iframeID);
título var = iframe.contentDocument.title;
alerta (título);
}

Esta función recupera una referencia al marco flotante; la declaración de alerta muestra que el título.

3 Guardar este documento y verlo en un navegador. El marco flotante aparece en la página web y muestra la página web se establece en el código HTML. Haga clic en el botón para leer el título de esa página.

Consejos y advertencias

  • Si su página web tiene iFrames multilple, dar a cada uno un valor de identificación único y pasar el valor de identificación de cada marco flotante a la función "getTitle" como se describe en los siguientes pasos.