Caso o usuário esqueça de especificá-lo no momento da criação do iframe, ele poderá ser adicionado dinamicamente após a criação usando JavaScript.
Este guia explica o procedimento completo para passar parâmetros de URL para um iframe em JavaScript.
Qual é o processo para passar parâmetros de URL para um iframe em JavaScript?
Para passar parâmetros de URL para um “Iframe” siga as instruções passo a passo fornecidas.
Etapa 1: Criar código HTML do elemento HTML Iframe
Primeiramente, crie um elemento “iframe” no código HTML com a ajuda do “ ' marcação:
< código do iframe = 'meuIframe' moldura = '1' iframe >
Aqui o elemento HTML criado possui um id “myIframe” e é estilizado usando a propriedade “frameborder” com valor “1”.
Etapa 2: passar o parâmetro de URL para o iframe criado
A seguir, siga o código JavaScript indicado abaixo para passar/adicionar um parâmetro de URL ao elemento iframe criado:
< roteiro >deixe Iframe = documento. getElementById ( 'meuIframe' ) ;
deixar URL = 'onkeyup.html' ;
deixe largura = '300' ;
deixe altura = '500' ;
deixe geo = 'Reino Unido' ;
deixe passar URL = URL + '?geo=' + localização geográfica + '&tamanho=' + largura + 'x' + altura ;
Iframe. fonte = URL de anúncios ;
console. registro ( senhaURL ) ;
roteiro >
Nas linhas de código acima:
- A primeira variável “Iframe” aplica o “ document.getElementById() ”Método para acessar o elemento “iframe” criado usando seu id “myIframe”.
- O segundo ' URL ”A variável especifica o caminho do documento desejado que o usuário deseja incorporar ao documento HTML atual por meio de um iframe.
- A seguir, o “ largura ”variável define a largura do elemento iframe criado e o“ altura ”A variável especifica sua altura.
- Depois disso, a variável “geo” define o domínio do URL, ou seja, “uk (domínio de nível superior com código de país da Internet (ccTLD))”.
- Agora o ' senhaURL ”Variável concatena os valores da variável URL, geo, largura e altura para construir um URL.
- Em seguida, passe a URL construída para o elemento iframe criado.
- Por último, o “ console.log() ”O método exibe o URL construído.
Etapa 3: verifique a saída
Pode-se observar que a URL construída de um documento HTML foi passada com sucesso para o elemento iframe criado.
Conclusão
Em JavaScript, para passar parâmetros de URL para um elemento iframe, o usuário precisa primeiro “criar um elemento iframe de amostra” e depois “construir uma URL” especificando seu “caminho”, “largura”, “altura” e “domínio” atributos. Quando o URL for construído, passe-o para o elemento iframe HTML criado. Este guia explicou de forma prática o procedimento completo para passar parâmetros de URL para um iframe em JavaScript.