Código común:
<iframe src = "http://www.baidu.com" marginwidth = "0" marginheight = "0" scrolling = "no" frameBorDer = "0" width = "350"> </iframe> <iFrame src = "// www.vevb.com/like.php? FrameBorDer = "0" Style = "Border: Ninguno; Ancho: 450px; Altura: 80px"> </iframe>
Acceso de JavaScript al marco, marco de iframe y direcciones HREF
1.FRAMA
1. Referencias del marco de los padres al niño
Conociendo el principio anterior, se vuelve muy fácil referirse al marco infantil del marco principal, es decir:
Window.frames ["FrameName"];
Esto hace referencia al subtrama llamado FrameName en la página. Si desea hacer referencia a la subtrama dentro de la subtrama, de acuerdo con el marco referenciado, en realidad es la naturaleza del objeto de la ventana, por lo que puede implementarlo así:
Window.frames ["FrameName"]. Frames ["FrameName2"];
De esta manera, se hace referencia a la subtrama secundaria, y así sucesivamente, se puede realizar la referencia de marcos de múltiples capas.
2. Referencias del marco infantil al marco padre
Cada objeto de ventana tiene una propiedad principal que representa su marco principal. Si el marco ya es un marco de nivel superior, Window.Parent también representa el marco en sí.
3. Citas entre los marcos de los hermanos
Si dos cuadros son el mismo subtrama del mismo cuadro, se llaman marcos de hermanos y se pueden hacer referencia a través del marco principal. Por ejemplo, una página incluye 2 subtramas:
<Frameset Rows = ”50%, 50%”> <Frame src = ”1.html” name = ”frame1 ″ /> <frame src =” 2.html ”name =” frame2 ″ /> < /frameset>
En Frame1, puede usar la siguiente declaración para referirse a Frame2:
self.parent.frames ["Frame2"];
4. Referencias entre diferentes niveles de marcos
La jerarquía del marco es para el marco de nivel superior. Cuando los niveles son diferentes, solo conozca el nivel en el que se encuentra y el nivel y el nombre del otro marco, y use las propiedades del objeto de la ventana referenciado por el marco, puede acceder fácilmente, por ejemplo, por ejemplo:
self.parent.frames ["ChildName"]. Frames ["TargetFramename"];
5. Referencias a marcos de nivel superior
Similar a la propiedad principal, el objeto de la ventana también tiene una propiedad superior. Representa una referencia al marco de nivel superior, que puede usarse para determinar si un marco en sí es un marco de nivel superior, por ejemplo:
La copia del código es la siguiente:
// juzga si este marco es un marco de nivel superior
if (self == top) {
// Dosomething
}
Ahora mismo
La copia del código es la siguiente:
if (window.top! = window.elf) {
// Dosomething
}
Cambiar la página de carga del marco
Una referencia a un marco es una referencia a un objeto de ventana. Usando la propiedad de ubicación del objeto de la ventana, puede cambiar la navegación del marco, por ejemplo:
Window.frames [0] .location = "1.html";
Referencia de variables y funciones de JavaScript en otros marcos
Antes de introducir las técnicas de referencia a las variables y funciones de JavaScript dentro de otros marcos, echemos un vistazo al siguiente código:
<script language = ”javascript” type = ”text/javaScript”> <! function hello () {alert ("¡Hola, Ajax!");} Window.hello (); //// script>2.Frame
Estrictamente, debe ser usar matrices de cuadros y documentos.
La copia del código es la siguiente:
<iframe id = myiframe src = ”sobre: <input type = checkbox name = mycheckbox value = mycheckbox>”> </iframe>
<input type = button onClick = ”alert (document.frames.myiframe.document.all.mycheckbox.ecked)”>
Tres.REF
1. El evento OnClick vinculado se ejecuta primero, seguido de las acciones bajo el atributo href (salto de página o pseudo-link);
2. Suponiendo que hay HREF y OnClick en el enlace, si desea que las acciones bajo el atributo HREF no se ejecuten, OnClick debe obtener un valor de retorno de falso. Si no lo cree, puede comentar el retorno falso en la función gogoogle;
3. Si la página es demasiado larga y hay barras de desplazamiento y desea realizar operaciones a través del evento OnClick Linked. Su atributo href debe establecerse en JavaScript: void (0); En lugar de #, que evita saltos de página innecesarios;
4. Si se llama a una función con un valor de retorno en el atributo HREF vinculado, el contenido de la página actual será reemplazado por el valor de retorno de esta función;
5. Habrá alguna diferencia al mantener presionada la tecla de cambio.
6. El problema que encontré hoy es que no se puede acceder a ParentNode en IE6.0 en forma de HREF.
7. Trate de no usar el protocolo JavaScript: Protocolo como atributo HREF de A, que no solo causará activación innecesaria de la ventana.
como:
<a href = "javascript: void (0)" onClick = "linkchangepwd ()"> Cambiar contraseña </a>
Ajuste la altura del marco
La copia del código es la siguiente:
window.onload = function () {
parent.document.getElementById ('CustomiFrame'). style.height = document.body.clientHeight + "px";
}