Como usar o iFrame para carregar conteúdo em um DIV

Contêineres DIV são elementos de uma página da Web que são usados ​​para localizar e criar conteúdo. Eles geralmente são usados ​​para criar o design de uma página da Web, mas você também pode carregar o conteúdo em um contêiner DIV usando um iframe e a propriedade “innerhtml” do JavaScript. Cada elemento HTML, incluindo contêineres DIV, possui uma propriedade “innerhtml” que você pode manipular para alterar o conteúdo do elemento. Se você deseja carregar conteúdo remoto no seu contêiner DIV, você pode alterar a propriedade “innerhtml” do DIV pelo conteúdo de um iframe.

Passo 1

Abra o documento da sua página da web em um editor de HTML ou texto. Para abri-lo em um editor de texto do Windows, clique com o botão direito do mouse no ícone do documento, depois em “Abrir com”, selecione “Bloco de Notas” ou “WordPad” na lista de aplicativos e clique em “OK”.

Etapa 2

Clique para colocar o cursor entre os rótulos “” e “”.

Etapa 3

Escreve “

“e pressione” Enter “(ou Enter) para criar o DIV que você deseja usar para exibir o conteúdo.

Etapa 4

Digite ” ” para fechar a tag de script JavaScript.

Etapa 11

Clique no menu “Arquivo” e depois em “Salvar”.

Referências

 

Você pode estar interessado:

Deixe um comentário