Quando se trata de Iframe, você pode ter jogado -o em um canto esquecido, mas não é estranho falar sobre o corpo do irmão. Tags de quadros são tags de quadros. O que chamamos de estrutura de várias quadros é exibir vários arquivos HTML em uma janela do navegador. Agora, encontramos uma situação muito realista: se houver um tutorial, uma seção de cada vez e um link para as seções anteriores e nas próximas é feita no final de cada página. Exceto pelos diferentes conteúdos de cada seção, o conteúdo de outras partes da página é o mesmo. Se você fizer uma página estúpida em uma página, parece muito irritante. Neste momento, você tem uma ideia repentina. Se houver uma maneira de manter as outras partes da página inalteradas, e apenas transformar o tutorial em uma página de conteúdo de página a página sem outro conteúdo. Ao clicar no link para aumentar e descer, altere apenas o conteúdo do tutorial e mantenha os outros inalterados. Dessa maneira, é economizar tempo e, no futuro, se houver uma mudança no tutorial, também é muito conveniente, para que não afete todo o exército; Mais importante, faça o download do banner de publicidade, lista de colunas, navegação e outras coisas que são quase todas as páginas apenas uma vez e não o baixam mais.
As tags iframe, também conhecidas como tags de quadros flutuantes, podem ser usadas para incorporar um documento HTML em uma tela HTML. É diferente do maior recurso da tag do quadro, ou seja, o arquivo HTML referenciado por esta tag não é exibido independentemente de outro arquivo HTML, mas pode ser incorporado diretamente em um arquivo HTML, misturado com o conteúdo desse arquivo html para se tornar um todo. Além disso, o mesmo conteúdo pode ser exibido em uma página muitas vezes sem precisar repetir o conteúdo. Uma metáfora vívida é a tv picture-in-picture.
Agora, vamos falar sobre o uso de tags iframe.
O formato de uso das tags iframe é:
<Iframe src = url width = x altura = x rolagem = [opção] frameBerDer = x> </iframe>
SRC: O caminho para o arquivo, que é um arquivo HTML, ou texto, ASP, etc.;
Largura, altura: a largura e a altura da área da imagem na imagem;
Rolagem: quando o arquivo HTML especificado do SRC não é exibido na área especificada, a opção de rolagem. Se estiver definido como não, nenhuma barra de rolagem aparecerá; Se for automático: a barra de rolagem aparecerá automaticamente; Se for sim, ele será exibido;
Frameborder: A largura da borda da área, que geralmente é definida como 0 para misturar a figura na imagem com o conteúdo adjacente.
por exemplo:
)
2. Controle mútuo entre a forma pai e a estrutura flutuanteNa linguagem de script e na hierarquia de objetos, as janelas que contêm iframes são chamadas de formulários pai, enquanto os quadros flutuantes são chamados de formulários infantis. É importante entender a relação entre esses dois, porque, para acessar os formulários filhos na forma pai ou vice -versa, você deve estar claro sobre a hierarquia de objetos para acessar e controlar o formulário através do programa.
1. Objetos de acesso e controle na forma de criança na forma pai
Na forma pai, o iframe, isto é, uma forma de criança, é um objeto infantil do objeto de documento, e os objetos no formulário da criança podem ser acessados diretamente no script.
Agora há uma pergunta, ou seja, como controlamos esse iframe? Aqui precisamos falar sobre o objeto iframe. Depois de definirmos o atributo ID para esta tag, podemos usar o modelo de objeto Document DOM para controlar o HTML contido no iframe.
Por exemplo, incorpore o arquivo test.htm no exemplo.htm e controle alguns objetos marcados no teste.htm:
<Iframe src = test.htm id = largura do teste = 250 altura = 200 rolagem = sem frameBerDer = 0> </iframe>
O código do arquivo test.htm é:
<html>
<Body>
<h1 id = myh1> Olá, meu menino </h1>
</body>
</html>
Se queremos alterar o texto na tag H1 com o número de identificação MyH1 para olá, minha querida, então:
document.myh1.innerText = Olá, minha querida (onde o documento pode ser salvo)
No arquivo exemplo.htm, o subformado referido pelo objeto de tag iframe é consistente com o modelo geral de objeto DHTML e o método de controle de acesso para o objeto é o mesmo, então não o repetirei novamente.
2. Objetos de acesso e controle na forma pai na forma de criança
Na forma de criança, podemos acessar objetos na janela dos pais através de seus pais, ou seja, objeto pai (pai).
Por exemplo.htm:
<html>
<corpo onclick = alert (tt.myh1.innerhtml)>
<Nome de iframe = tt src = frame1.htm width = 250 altura = 200 rolagem = sem quadro = 0> </iframe>
<h1 id = myh2> Olá, minha esposa </h1>
</body>
</html>
Se você deseja acessar o texto do título com o número de identificação MyH2 em Frame1.htm e alterá -lo para olá, meu amigo, podemos escrever assim:
parent.myh2.innerText = Olá, meu amigo
Aqui, o objeto pai representa o formulário atual (o formulário em que exemplo.htm está localizado). Você precisa acessar os objetos na forma pai na forma de criança, e todos eles são realizados através do objeto pai sem exceção.
Embora o iframe esteja incorporado em outro arquivo HTML, ele permanece relativamente independente e é um domínio da independência. As características em um único HTML também são adequadas para quadros flutuantes.
Imagine, através de tags iframe, podemos representar esses conteúdos imutáveis como iframes, para que não haja necessidade de repetir o mesmo conteúdo. Isso é um pouco como um processo ou função na programação, economizando muito trabalho manual pesado! Além disso, é crucial que torne as modificações da página mais viáveis, porque você não precisa modificar cada página devido a ajustes de layout, basta modificar o layout do formulário pai.
Uma coisa a observar é que o Nestscape Browser não suporta tags iframe, mas no mundo do IE, isso parece estar bem. Ele usa amplamente as tags do iframe, que não apenas se considera (site) e salva as despesas on -line dos internautas. Por que não fazer isso?
O quadro flutuante é uma definição na especificação HTML4.0 e atualmente os navegadores a suportam.
Ao contrário da partição representada pelo FrameSet, existe um quadro flutuante como um objeto embutido em uma página da web, e seu estilo é como um gráfico ou um applet em uma página. O quadro flutuante usa a tag <frame>, que possui a mesma das mesmas configurações de atributo que <frame>, incluindo: nome, src, marginwidth, marginnheight, frameborder e rolagem. Ao mesmo tempo, também possui a mesma altura, largura e propriedades alinhadas que gráficos ou applets.
Além disso, o quadro flutuante segue o mesmo princípio de destino que o quadro normal: podemos apontá -lo pelo seu nome. Esse princípio se aplica a quadros flutuantes em qualquer tipo de quadro, caso contrário, é fácil de fazer. Um link sem um traget em um quadro flutuante aponta para si mesmo, enquanto um link de _parente aponta para o quadro ou janela em que o documento que contém <frame> está localizado. por exemplo:
<Iframe name = Floater src = start.htm width = 150 altura = 200 hspace = 10 align = esquerda>
<Img src = imagens/noframe.gif alt = você não pode ver o quadro flutuante
largura = 150 altura = 200 hspace = 10 alinhamento = direita>
</frame> <br>
<A href = One.htm Target = Floater> Mostrar um.htm </a> <p>
<A href = dois.htm Target = Floater> Mostrar dois.htm </a> <p>
<A href = start.htm alvo = Floater> traga de volta start.htm </a>
Observe que, para os navegadores que suportam tags <frame>, qualquer conteúdo localizado entre <frame> e </frame> será ignorado. Em vez disso, o conteúdo nele será exibido, que pode ser usado para explicar que o navegador atual não suporta <frame>