Recentemente, tenho trabalhado e fui muito habilidoso. Eu projetei a web novamente e encontrei um problema. No passado, quando projetei páginas da web, corri no IE e nunca considerei o Firefox, muito menos o Chrome, mas agora é diferente. Pelo menos acho que as páginas da web que não são compatíveis com o Firefox são extremamente feias e falsificadas; portanto, com esse conceito, comecei a prestar atenção a essa compatibilidade ao projetar a página. Desta vez, encontrei um problema de compatibilidade. Existe uma estrutura flutuante no HTML, <frame>, que pode ser incorporada na página, que é muito adequada para fazer a página do quadro, conforme mostrado na figura abaixo.
Uma página HTML é dividida em duas peças, com a barra de navegação à esquerda e o conteúdo a ser exibido à direita. O código é o seguinte:
O código na coluna esquerda é:
<Iframe frameBerDer = 0 id = frmtitleleft name = fRameleft src = esquerd.html style = altura: 100%; Largura: 180px;>
Conecte -se a esquerda.html
A coluna certa é semelhante. Para a página que fiz, o efeito de visualização é o seguinte:
Que efeito deve ser alcançado agora para alcançar um efeito mais prático? Clicar em qualquer link pode ser exibido na coluna direita. É óbvio que ele precisa ser implementado através do JS. Não vou dizer muito sobre o método incompatível original. Lembre -se das seguintes etapas de implementação:
1. Primeiro, obtenha o objeto Iframe na coluna certa
var Frames = document.getElementById (frameId); // frameID é o nome de identificação do iframe na coluna direita
2. Redefina seu valor SRC
Frames.src = Pageurl; // Pageurl é a página de destino a ser exibida
Isso permite o salto de página
Mas há outro ponto, se você quiser chamar as funções, não é tão simples
Por exemplo, existe uma função correta () na coluna direita. Eu quero chamar a função Right () no link na coluna esquerda. Como implementá -lo
1. Primeiro de tudo, o quadro de esquerda é incorporado no index.html da página de contêiner, então você precisa retornar ao nível do índice primeiro e obter o objeto RightFrame
var Frames = window.parent.window.document.getElementById (frameID);
2. Para poder executar funções em sua página, você deve obter o objeto da janela. Aqui está um objeto importante, ContentWindow. Obter este objeto e então você pode executar as funções, como
Frames.ContentWindow.right ();
O código acima é compatível com IE6, Firefox3 e Chrome 2.0. Todos eles passaram com sucesso no teste. O IE7 não tentou, mas não deve ser um problema.