F�rum d�vida incluir uma p�gina html dentro de outra sem iframe #571582

25/11/2016

HTML JavaScript

bom dia, como fa�o pra incluir uma p�gina html dentro de outra sem usar iframe?

Carlos

Curtir t�pico

+ 0

Responder

Post mais votado

25/11/2016

Ol� Carlos,

usando Jquery usando a fun��o load vc pode ler um arquivo html e carregar em um elemento da sua p�gina principal, segue exemplo:

arquivo da p�gina principal: Ex: ler-html-sem-iframe.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Ler p�gina html sem Iframe</title>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"
			integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
			crossorigin="anonymous"></script>
</head>
<body>
   
   <h1>Ler p�gina <button type="button" id="ler-pagina">Ler p�gina</button> </h1>
   <div id="conteudo-pagina-lida"></div>
   
   <script>
   $(document).ready(function(){
		$("#ler-pagina").click(function(){
			
			$(function(){
				$("#conteudo-pagina-lida").load("pagina-lida.html"); 
			});
		})
   });
   </script>
   
</body>
</html>

Arquivo da outra p�gina a ser lida: Ex : pagina-lida.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>p�gina lida</title>
</head>
<body>
   
  <h2>Html Lido de outra p�gina</h2>
   
</body>
</html>

OBS: execute esses testes rodando em um servidorzinho http local mesmo, se n�o , n�o vai funcionar por causa da seguran�a do ajax, Access Origin, Cors

Kleber Araujo

Responder

Gostei + 1

Mais Posts

25/11/2016

Fernando C

veja aqui:
https://www.devmedia.com.br/forum/incluir-arquivo-html-dentro-de-outro-arquivo-html/571579

Responder

Gostei + 0