Código comum:
<iframe src = "http://www.baidu.com" marginwidth = "0" marginHeight = "0" scrolling = "no" frameborder = "0" width = "350"> </iframe> <ifRame src = "// www.vevb.comllayph.lpyph.lpyph.lphph.lphph.lphph.lpyph.lpyph.lpyph.lphph.lphph.lphph.lphph.npyph.lpyph.lphph.lphph.lphph.lphph.lphph.lphph.lpyPh.lpyPh.lphph.lpyPh.lpin/ngum> frameborder = "0" style = "borda: nenhum; largura: 450px; altura: 80px"> </frame>
Javascript Acesso ao quadro, estrutura iframe e direções HREF
1.Frame
1. Referências de pai para filho
Conhecendo o princípio acima, torna -se muito fácil se referir à estrutura filho da estrutura dos pais, ou seja::
Window.Frames ["Framename"];
Isso faz referência ao sub -quadro chamado Framename na página. Se você deseja fazer referência ao sub -quadro no sub -quadro, de acordo com a estrutura referenciada, é realmente a natureza do objeto da janela, para que você possa implementá -lo assim:
Window.Frames ["Framename"]. Frames ["FrameName2"];
Dessa forma, o sub-quadro secundário é referenciado e assim por diante, a referência de estruturas de várias camadas pode ser realizada.
2. Referências de quadro filho ao quadro dos pais
Cada objeto de janela possui uma propriedade pai que representa sua estrutura pai. Se a estrutura já for uma estrutura de nível superior, o Window.parent também representa a estrutura em si.
3. Citações entre as estruturas dos irmãos
Se dois quadros forem o mesmo sub -quadro do mesmo quadro, eles são chamados de quadros de irmãos e podem ser referenciados pelo quadro pai. Por exemplo, uma página inclui 2 sub -quadros:
<FrameSet linhas = ”50%, 50%”> <ardem src = ”1.html” name = ”frame1 ″ /> <ardem src =” 2.html ”name =” frame2 ″ /> </rameSet>
No quadro1, você pode usar a seguinte declaração para se referir ao quadro2:
self.parent.frames ["frame2"];
4. Referências entre diferentes níveis de estruturas
A hierarquia da estrutura é para a estrutura de nível superior. Quando os níveis forem diferentes, saiba o nível em que você está e o nível e o nome da outra estrutura e use as propriedades do objeto de janela referenciado pela estrutura, você pode facilmente acessar, por exemplo:
self.parent.frames ["ChildName"]. Frames ["TargetFramename"];
5. Referências a estruturas de nível superior
Semelhante à propriedade pai, o objeto da janela também possui uma propriedade superior. Representa uma referência à estrutura de nível superior, que pode ser usada para determinar se uma estrutura em si é uma estrutura de nível superior, por exemplo:
A cópia do código é a seguinte:
// julga se essa estrutura é uma estrutura de nível superior
if (self == top) {
// doSomething
}
Agora mesmo
A cópia do código é a seguinte:
if (window.top! = window.self) {
// doSomething
}
Altere a página de carregamento da estrutura
Uma referência a um quadro é uma referência a um objeto de janela. Usando a propriedade de localização do objeto da janela, você pode alterar a navegação do quadro, por exemplo:
window.frames [0] .Location = "1.html";
Referência de variáveis e funções JavaScript em outras estruturas
Antes de introduzir as técnicas de referência a variáveis e funções JavaScript em outras estruturas, vamos dar uma olhada no seguinte código:
<Script Language = "javascript" type = "text/javascript"> <! function hello () {alert ("hello, ajax!");} window.hello (); //// script>2.Frame
Estritamente, deve ser usar matrizes de quadros e document.all.
A cópia do código é a seguinte:
<iframe id = myiframe src = ”sobre: <tipo de entrada = nome da caixa de seleção = myCheckBox value = myCheckBox>”> </iframe>
<Tipo de entrada = botão onclick = ”alert (document.frames.myiframe.document.all.mycheckbox.checked)”>
Três.href
1. O evento OnClick vinculado é executado primeiro, seguido pelas ações do atributo href (Page Jump ou JavaScript Pseudo-Link);
2. Supondo que haja HREF e OnClick no link, se você deseja que as ações do atributo href não sejam executadas, o OnClick deve obter um valor de retorno do false. Se você não acredita, pode comentar o retorno false na função Gogoogle;
3. Se a página for muito longa e houver barras de rolagem e você deseja executar operações através do evento OnClick vinculado. Seu atributo href deve ser definido como JavaScript: void (0); em vez de #, o que impede saltos de página desnecessários;
4. Se uma função com um valor de retorno for chamada no atributo HREF vinculado, o conteúdo da página atual será substituído pelo valor de retorno dessa função;
5. Haverá alguma diferença ao manter a tecla Shift.
6. O problema que encontrei hoje é que a pisê -is não pode ser acessada no IE6.0 na forma de href.
7. Tente não usar o JavaScript: Protocol como atributo href de A, que não apenas causará o acionamento desnecessário da janela.
como:
<a href = "javascript: void (0)" onclick = "linkChangepwd ()"> alterar senha </a>
Ajuste a altura do quadro
A cópia do código é a seguinte:
window.onload = function () {
parent.document.getElementById ('customIframe'). style.height = document.body.clientHeight + "px";
}