HTML - Как добавить внешнюю html-страницу

Я разрабатываю веб-сайт, у меня есть html-страница с некоторым содержимым, также сделала mod_ signUp на той же странице, но код становится длиннее, я просто хочу знать если я сохраню код регистрации модальным в другом файле с расширением .html/.htm, а при нажатии кнопки этот модальный текст отображается на той же странице, чтобы не перенаправляться на другую страницу, например, она отображается на дому. Я не хочу, чтобы содержимое дома было разбито, просто модальный, который будет отображаться выше.HTML - Как добавить внешнюю html-страницу

источник

2016-06-06 Na Dim Kh An

Вы можете использовать JQuery для выполнения этой задачи:

Просто создайте новый файл «modal.html» и написать код для всплывающего меню там.

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
$(function(){ 
    $("#header").load("modal.html"); 
}); 
</script> 
</head> 

<body> 
<div id="header"></div> 
<!-- other code --> 
</body>

источник

2016-06-06 08:15:35

Используйте w3data и укажите свой файл там, где хотите. В удар я включил файл signup.html.

<!DOCTYPE html> 
<html> 
    <script src="http://www.w3schools.com/lib/w3data.js"></script> 

    <body> 
     <div w3-include-html="signup.html"></div> 
     <script> 
      w3IncludeHTML(); 
     </script> 
    </body> 
</html>

источник

2016-06-06 08:14:30 Mani

Не может это просто быть сделано с '' iframe''? – Crowes

@JoshCrowe Это тоже возможно –

Простой метод для загрузки файла HTML к основному

$(function(){ 
     $('#which').load('test.html'); 
});

вы можете написать в document.ready также

источник

2016-06-06 08:17:41

Просто используйте iframe (встроенный фрейм) для загрузки внешнего веб-страницы. Вы можете создать размер iframe, как обычно, с любым элементом HTML.

<DOCTYPE html> 
<html> 
    <head> 
     ... 
    </head> 
    <body> 
     <iframe src="/your-signup-page.html"></iframe> 
    </body> 
</html>

More information on the iframe element.

источник

2016-06-06 09:06:07

HTML - Как добавить внешнюю html-страницу

ответ

Смежные вопросы