Como alterar a fonte do iframe em javascript?

Evan Mueller
Como alterar a fonte do iframe em javascript?
Ao criar uma página da web ou o site, é necessário redirecionar o usuário final para uma página da web diferente para acessar o relevante/pesquisado “contente”. Além disso, fornecendo várias funcionalidades ao usuário ao mesmo tempo, tornando a acessibilidade viável. Nesse cenário, alterar a fonte do iframe em JavaScript faz maravilhas para fornecer ao usuário facilitar em termos de tempo e aborrecimentos.

Este blog explicará como mudar a fonte do iframe em javascript.

O que é um quadro embutido?

Um "quadro embutido”É usado para conter outro documento especificado no documento atual. Isso resulta na troca das páginas da web com base nos links declarados.

Como alterar a fonte do iframe em javascript?

A fonte do iframe pode ser alterada no JavaScript usando as seguintes abordagens junto com o “getElementById ()”Método:

  • ““Parâmetro passado"Técnica.
  • ““SelectedIndex" Propriedade.

Abordagem 1: Altere a fonte do Iframe em JavaScript usando a técnica de parâmetro passada

Essa técnica pode ser utilizada para mudar para a página especificada, colocando o link da página correspondente como o parâmetro de uma função quando acessado com a ajuda de um botão.

Exemplo
Vamos seguir o exemplo abaixo do momento:

Altere a fonte do iframe em JavaScript










Nas linhas de código acima, execute as seguintes etapas:

  • Especifique o link declarado no “”Tag junto com as dimensões ajustadas.
  • Além disso, crie um botão com um anexo “ONCLICK”Evento redirecionando para a função alteração.
  • Isso resultará na direção da página para o link declarado sobre o botão Clique.

Vamos continuar até a parte JavaScript do Código:

No trecho de código acima:

  • Declare uma função chamada “mudança de alteração ()”.
  • Em sua definição, acesse o link especificado no “quadro embutido”Elemento usando o“documento.getElementById ()”Método.
  • Depois disso, aplique o “src”Atributo e aloce o link declarado sobre o acesso à função ao link acessado usando o parâmetro“mudar”.
  • Isso resultará na troca das páginas em relação aos links especificados sobre o botão Clique.

Saída

Na saída acima, pode -se observar que as páginas são alteradas ao clicar no botão.

Abordagem 2: Altere a fonte do iframe em javascript usando a propriedade SelectedIndex

O "SelectedIndex”Propriedade retorna o índice da opção selecionada em uma lista suspensa. Esta propriedade pode ser aplicada para redirecionar para o link especificado em relação ao valor da opção selecionada da lista suspensa.

Exemplo
Vamos observar o seguinte exemplo:














Nas linhas de código acima, execute as seguintes etapas:

  • Lembre -se da etapa para especificar o link declarado no “