2012-01-14 4 views
1

Как загрузить внешний сайт на другой сайт? (Загрузить всю страницу без прокрутки, границы)загрузить внешний сайт в div

Я попытался это, но он не загружает всю страницу, и есть прокрутки/границы)

<!DOCTYPE HTML> 
<html> 
<body> 
<iframe src="http://www.externaldomain.com" name="iframeName" ></iframe> 

</body> 
</html> 

EDIT: бесшовные, что делает это делать? http://www.w3schools.com/html5/tag_iframe.asp

+0

Это что. Что вы пробовали? – greut

+0

Google не разрешает iframing – Duopixel

+0

Добавьте то, что вы уже пробовали, что вы пытаетесь выполнить, и то, что вы обнаружили до сих пор. –

ответ

3

Необходимо удалить границы с помощью CSS, а затем расширить iFrame, чтобы охватить весь сайт клиента с помощью JavaScript. Таким образом, никто не заметит ничего.

Но иногда сайт хозяина достаточно умен, чтобы избежать этого, проверив window.top против window.self.

+0

это нормально, у меня есть оба сайта :) получил пример? – 001

+0

Предполагая, что вы получите ширину и высоту окна методом, описанным здесь (здесь) (http://www.howtocreate.co.uk/tutorials/javascript/browserwindow) и сохраните их в переменной 'w' и' h 'соответственно, и у вас есть iframe как' var iframe', вы можете сделать 'iframe.style.width = w +" px ";', 'iframe.style.height = h +" px ";', 'iframe.style. position = "absolute"; 'iframe.style.left =" 0px ";' и 'iframe.style.top =" 0px ";'. Это позиционирует iframe таким образом, чтобы он охватывал всю вашу страницу. –

0

Как и @Milad, вы можете установить размеры IFRAME для заполнения окна браузера.

<iframe id="my-iframe" src="mypage.php" border="0" frameborder="0" scrolling></iframe> 

пример с использованием JQuery:

$('#my-iframe').css('height', $(window).height()); 

Не забудьте сбросить полей и отступов страницы, с помощью CSS, чтобы избежать нежелательных пространств:

* { margin: 0; padding: 0; } 

Becareful если у вас есть несколько элементов на той же странице, что и заголовок. Если это так, вычесть высоту окна другими высотами элементов.

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