2016-06-11 3 views
0

divの内側にHTMLページをロードする:jqueryの:私は使用してdivの内側にHTMLページをロードしています

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

問題は、ロードされたページが表示では非常に小さいことである:div要素は500*500pxが、ページされますその内部は100*100pxなので、私は何をしています。

私はこの を解決してくださいあなたのobjectタグで

答えて

1

オブジェクトの作成中だけで高さ幅を追加します。

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

@DharaParmarあなたは '500'を' 100% 'に変更し、新しい回答を投稿しました。 – Mohammad

+0

@モハマド私はあなたからの参照を取らずに私自身の答えを掲載しています... –

+0

@DharmParmar私はあなたの答えは私の答えと言うが、あなたはそれを投稿したと言う。 – Mohammad

1

使用widthheight属性に感謝します。

<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> 
関連する問題