Relación de dominio de la página:
El dominio a al que pertenece la página principal a.html: www.vevb.com
El dominio b al que pertenece la página de Iframed B.html: www.jb51.cn, suponiendo la dirección: http://www.jb51.cn/b.html
Darse cuenta del efecto:
La página A.html bajo el nombre de dominio A está incrustado en la página B.html bajo el nombre de dominio B a través de un iframe. Dado que el ancho y la altura de B.HTML son impredecibles y cambiarán, se requiere el tamaño adaptativo del iframe en A.HTML.
La naturaleza del problema:
El problema de que acceda a los iframes de dominio cruzado es que para controlar la altura y el ancho del iframe en A.HTML, primero debe leer el tamaño de B.HTML. A y B no pertenecen al mismo dominio. Por razones de seguridad, el navegador restringe el acceso de dominio cruzado a JS y no puede leer la altura y el ancho de B.HTML.
Solución:
El proxy proxy página c.html pertenece al mismo dominio a que a.html. C.HTML es una buena página proxy intermedia proporcionada bajo el dominio A. Suponga que la dirección de C.HTML es www.vevb.com/c.html, es responsable de leer los valores de ancho y altura en la ubicación.hash, y luego establecer el ancho y la altura del iframe en a.html bajo el mismo dominio que.
El código es el siguiente:
código A.HTML
Primero, B.html se introdujo a través de iframe en A.HTML
<iframe id = b_iframe altura = 0 ″ Width = 0 ″ src = http: //www.jb51.cn/b.html FrameBorDer = no border = 0px marginwidth = 0 ″ marginheight = 0 ″ scrolling = sin allowtransparencia = sí> </iframe>
Código B.HTML
Copiar el código