2016-06-11 2 views
0

Я загрузке HTML страницы внутри DIV с помощью:JQuery: загрузка HTML страницы внутри DIV

$("#page1").html('<object data="http://stackoverflow.com/">'); 

проблема заключается в том, что загруженная страница очень маленький дисплей: DIV будет 500*500px но страница внутри этого только 100*100px, независимо от того, что я делаю.

пожалуйста, помогите мне решить эту проблему спасибо

ответ

1

Просто добавьте ширину высоты при создании объекта:

$("#page1").html('<object width="100%" height="100%" data="http://stackoverflow.com/">'); 
+0

@DharaParmar Вы изменили '500' на' 100 %' и разместили новый ответ. – Mohammad

+0

@Mohammad Я написал ответ на свой вопрос, не беря ссылку с вашего ... –

+0

@DharaParmar Я говорю, что ваш ответ подобен моему ответу, но вы его разместили. – Mohammad

1

Использование width и height атрибут object тега.

<object data="http://stackoverflow.com/" width="500" height="500"> 
+0

спасибо! работает просто отлично. – MrNacer2007

0

Вы можете использовать Jquery нагрузки функцию. Это поможет вам.
Вот пример: -

<!DOCTYPE html> 
    <html lang="en"> 
     <head> 
      <meta charset="UTF-8"> 
      <title>Include</title> 
     </head> 
     <body> 
      <div id="include"></div> 
      <a id="link" href="#">Click Test Link</a> 

      <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
      <script type="text/javascript"> 
       $("#link").click(function(){ 
        $("#include").load("include/test.html"); 
       }); 
      </script> 
     </body> 
    </html> 
Смежные вопросы