Quando se trata de iframe, você já deve ter jogado em um "canto esquecido", mas não é estranho ao seu 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. Este site contém este artigo para falar sobre o uso de quadros na página de produção de tags iframe e explicar em detalhes as tecnologias e conhecimentos relevantes do IFRAME TAG Framework e no artigo. Bem -vindo para lhe dar algum apoio e ajuda a esse respeito! A seguir estão os detalhes:
Olhando para os sites atuais, a velocidade da Internet é um pouco lenta, mas quase todas as páginas têm muitas coisas semelhantes, como banners, imagens de colunas, direitos autorais etc., é claro, para as necessidades de estilo unificado do site e efeitos publicitários, é compreensível, mas, afinal, as carteiras dos usuários estão se tornando cada vez mais obsoletos com essas coisas embelezadas. Existe uma maneira de impedir que essas coisas semelhantes as baixem uma vez, mas apenas baixem esses conteúdos da Web com alterações no conteúdo?
A resposta é sim: aplique tags iframe!
1. Uso de tags iframe
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 das 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 de três longos e dois shorts 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 baixadas apenas uma vez e não mais baixadas.
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 flutuante
Na 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 o objeto no formulário pai no formulário filho e todos os objetos pais são executados 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 o 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 tedioso! 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 conteúdo sobre o uso da estrutura na página de produção de tag iframe e o caso para o final deste artigo. Você pode marcar o URL desta página http://www.vevb.com/web/a/2018090543436.shtml para facilitar o acesso na próxima vez.