Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gabrietorreiro

Pegar link de outra pagina

Recommended Posts

Olá galera gostaria de saber como pegar o link dentro de uma outra pagina.

//pagina_principal.html
<html>
<head>
<title>Minha página principal</title>
<script type="text/javascript">
function myFunction(){
	var janela, valor;
	janela = window.open("pagina2.html");
	valor = janela.document.links;
	document.getElementById("resultado").innerHTML = valor[0];
}
</script>
</head>
<body onload="myFunction()">
<a href="http://www.google.com.br/">link</a>
<div id="resultado">
</div>
</body>
</html>
//pagina2.html
<html>
<head>
<title>Página 2</title>
</head>
<body>
<a href="http://www.google.com.br/">link</a>
</body>
</html>
No exemplo que fiz a cima dá um erro(undefined). Como pegar o link da pagina2.html da pagina_principal.html?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para fazer com JavaScript puro, melhor colocar um id no elemento que deseja pegar na outro janela

janela.onload = function () {
    var link = janela.document.getElementById('link');
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

não é isso que eu quero. quero pegar um link dentro da tag <a> em um outro site.

 

Na sua pergunta você fala página e não site, em outro site não é possível com JavaScript por conta de regras de segurança.

 

Quando fala em pegar link, deve está dizendo pegar a URL, o endereço do atributo "href".

 

No exemplo que postei acima, você consegue caso a "página2" esteja no mesmo domínio, para pegar de outro site você precisa utilizar um script no servidor, como PHP e ler o conteúdo.

 

Para pegar o URL do link no index zero de uma página no mesmo domínio

janela.onload = function () {
    var link = janela.document.getElementsByTagName("a")[0];
    
    document.getElementById("resultado").innerHTML = link.getAttribute("href");
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • Por ment0r
      Boa tarde à todos.
      Pessoal, estou com o seguinte problema: preciso imprimir uma ficha mensal de trabalho, mas quando vou imprimir, a página para impressão sai "cortada".
       

       
      A imagem acima representa a ficha que preciso imprimir, está tudo ok com essa (tirei o cabeçalho, pois não vinha ao caso)
       

       
      Vejam como fica na impressão: com aproximadamente 2/3 da largura.
       
      <style> body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #FAFAFA; } * { box-sizing: border-box; -moz-box-sizing: border-box; } .page { width: 210mm; min-height: 297mm; padding: 4mm; margin: 1mm auto; border: 1px #D3D3D3 solid; border-radius: 5px; background: white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } /*.subpage { padding: 0.5cm; border: 0px red solid; height: 257mm; outline: 2cm #FFEAEA solid; }*/ .cliente { margin-top: 30px; font-size: 20px; } th {font-size: 14px; } td {font-size: 12px; } .logo {height: 64px; margin: 20px 0px 0px 20px;} .font-cabecalho {font-size: 12px; margin-left: 20px; text-align: center; margin: 20px 0px 0px 20px;} @page { width: 100%; height: 100%; margin: 0; padding: 0; } @media print { html, body { width: 210mm; height: 297mm; } .page { margin: 0; border: initial; border-radius: initial; width: initial; min-height: initial; box-shadow: initial; background: initial; page-break-after: always; } } </style> Código CSS da página.
       
      O que pode ser? Como faço pra deixar a página de impressão igual à página PHP? Obrigado desde já à todos.

      Um abraço.
       
    • Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.