Debido a que el iframe sin bordes se puede integrar perfectamente con la página web, es posible actualizar algunos datos de la página sin actualizar la página. Sin embargo, el tamaño del iframe no es tan "escalable" como la capa, por lo que trae problemas. en uso Problema, demasiado no es bueno al configurar la altura del iframe, y menos es aún peor. Ahora, déjame contarte una forma de ajustar dinámicamente la altura del iframe, principalmente la siguiente función JS:
código de programa
función EstablecerWinHeight(obj)
{
var ganar=obj;
si (document.getElementById)
{
si (gana &&! ventana.opera)
{
si (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
de lo contrario si (win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}
Finalmente, al agregar un iframe, no puede perder el atributo de carga. Por supuesto, la identificación también debe coincidir con la ganancia en la función.
código de programa
<iframe width="778" align="center" height="200" id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no"></ marco flotante>
Solución iframe para otra situación (súper simple)
Nota importante: la dirección de la página web que debe completar src= debe estar en el mismo sitio que esta página; de lo contrario, se producirá un error y dirá "¡Acceso denegado!" (En realidad, esto se debe al problema entre dominios de Js que conduce a la denegación de acceso a).
Me encontré con este problema antes. Busqué en línea para obtener la respuesta y descubrí que muchas personas también lo han encontrado. Ahora compartiré la solución.
1. Cree un archivo bottom.js e ingrese el siguiente código (solo dos líneas)
parent.document.all("nombre de ID del marco").style.height=document.body.scrollHeight;
parent.document.all("Nombre de ID del marco").style.width=document.body.scrollWidth;
El nombre de ID del marco aquí es el ID del Iframe, por ejemplo:
＜IFRAME id="nombre de ID del marco" nombre="izquierda" frameBorder=0 desplazamiento=no src="XXX.asp" ancho="100%"＞＜/IFRAME＞
2. Añade cada uno de los archivos incluidos en tu sitio web
＜lenguaje de script = "JavaScript" src = "bottom.js"/＞＜/script＞
3. Bien, ¡llámalo hoy!
Pasó la prueba bajo WINXP e IE6. ¡Es muy sencillo!
Implementar altura adaptable de iframe
Obtenga la altura adaptable del iframe, que puede adaptarse automáticamente con la longitud de la página para evitar el fenómeno de que aparezcan barras de desplazamiento en la página y el iframe al mismo tiempo.
código de programa
<tipo de script="texto/javascript">
//** iframe se adapta automáticamente a la página**//
//Ingrese una lista de nombres de iframes cuya altura desea ajustar automáticamente según la altura de la página
//Separe el ID de cada iframe con una coma. Por ejemplo: ["myframe1", "myframe2"], solo puede haber una forma, por lo que no se necesita coma.
//Definir el ID del iframe
var iframeids=["prueba"]
// Si el navegador del usuario no admite iframe, si se debe ocultar el iframe, sí significa oculto, no significa no oculto.
var iframehide="sí"
función diniframesize()
{
var dyniframe=nueva matriz()
para (i=0; i<iframeids.length; i++)
{
si (document.getElementById)
{
//Ajusta automáticamente la altura del iframe
dyniframe[dyniframe.length] = document.getElementById(iframeids);
si (dyniframe &&! ventana.opera)
{
dyniframe.style.display="bloque"
if (dyniframe.contentDocument && dyniframe.contentDocument.body.offsetHeight) //Si el navegador del usuario es NetScape
dyniframe.height = dyniframe.contentDocument.body.offsetHeight;
else if (dyniframe.Document && dyniframe.Document.body.scrollHeight) //Si el navegador del usuario es IE
dyniframe.height = dyniframe.Document.body.scrollHeight;
}
}
// De acuerdo con los parámetros establecidos, maneja los problemas de visualización de los navegadores que no admiten iframe
si ((document.all || document.getElementById) && iframehide=="no")
{
var tempobj=document.all? document.all[iframeids] : document.getElementById(iframeids)
tempobj.style.display="bloque"
}
}
}
si (ventana.addEventListener)
window.addEventListener("cargar", dyniframesize, falso)
de lo contrario si (ventana.attachEvent)
ventana.attachEvent("cargar", dyniframesize)
demás
window.onload=dyniframesize
</script>
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1608312