Programação  
 
Conhecimento computador >> Programação >> JavaScript Programação >> 
Como Ler iFrame conteúdo em JavaScript
Com método getElementById do JavaScript , os programadores podem inspecionar e modificar os detalhes íntimos dos objetos que compõem uma página web. GetElementById acessa a estrutura interna da página da Web, chamado Document Object Model ou DOM. Um programador pode ainda acessar o conteúdo dos documentos em documentos , tais como frames ou iframes , usando a propriedade innerHTML DOM. Por razões de segurança , alguns navegadores não permitirá o acesso ao DOM iFrames armazenados localmente no seu computador. Para garantir que seus scripts funcionar na maioria dos navegadores da Web , você deve fazer o upload dos arquivos para um servidor web. Coisas que você precisa
editor de texto simples
acesso a um servidor Web
FTP ( File Transfer Protocol ) aplicação
Show Mais instruções
1

lançamento o aplicativo editor de texto simples que está disponível em seu computador.
2

Digite o seguinte código no texto type = "text /javascript " >

função IframeContent () {


//obter os dados para a página do objeto iframe com o " myIframe " id < br >

var Iframehandle = document.getElementById (' myIframe '); .

//obtém o texto da iframe acessando objeto de dados do quadro

//innerHTML obtém o conteúdo , em vez do que o código html

conteúdo var = Iframehandle.contentWindow.document.body.innerHTML ;

//coloque o conteúdo do iframe no

com o "teste " id

document.getElementById ( 'teste' ) innerHTML = conteúdo; .

}


< iframe id = " myIframe " src = " frame.html " >

< input type = "button " onclick = " IframeContent ()" value = " Mostrar o que está no iframe " >

em branco



< br >
3

Clique no menu Arquivo. Selecione a opção "Salvar" . Salve o arquivo com nome " test.html ".
4

Clique no menu Arquivo. Selecione a opção "Novo". Digite o código a seguir na nova janela do editor de texto .




< , body>

Este é o iframe



5

Clique no menu Arquivo. Selecione a opção "Salvar" . Salve o arquivo com nome " frame.html ".
6

Inicie o aplicativo FTP e fazer logon no servidor web. Envie os arquivos " test.html " e " frame.html " para o diretório raiz do servidor.
7

Clique no botão "Disconnect " da aplicação FTP.
8

Inicie um navegador da Web e digite a URL apropriada para acessar o arquivo de teste. Por exemplo , digite: .

Http://yourdomainname.com/test.html

Substituir " yourdomainname.com " com o nome de domínio ou endereço IP do servidor Web

9

Pressione a tecla "Enter" para carregar e executar o arquivo de teste a URL. Clique no botão com o texto " Mostrar que há na iFrame " para testar o script.

Anterior :

Próximo : No
  Os artigos relacionados
·Como usar o JQuery para Inserir uma Âncora 
·Como obter uma área de texto por nome em JQuery 
·Como inserir CrawlTrack em WordPress 
·Como desativar o Google Maps API marcador da bolha 
·Como fazer um Applet no NetBeans 
·Como obter o ID de um objeto em JQuery 
·Como substituir todos os elementos DIV 
·Como ocultar uma DIV em uma postagem em JavaScript 
·JavaScript : redirecionar para a página 
·Como girar um orçamento em JavaScript 
  Artigos em destaque
·Como conectar quadros usando NetBeans 
·CURL & HTTP não foi possível resolver o anfitrião 
·Como definir Imagem Largura e Altura Usando programaçã…
·Android UI Desenvolvimento 
·Como definir o Gridview Datakey no Código 
·Como usar dados de mineração de Algoritmos 
·Como eliminar atualizações Java 
·Como compilar Netcat 
·Definição Holographic 
·Como atualizar o nome da coluna de uma JTable 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados