我使用加載DIV中的HTML頁面jQuery的:加載HTML頁面中的DIV中
$("#page1").html('<object data="http://stackoverflow.com/">');
的問題是,加載頁面的顯示非常小:股利是500*500px
但頁面裏面只有100*100px
,不管我做什麼。
請幫我解決這個 謝謝
我使用加載DIV中的HTML頁面jQuery的:加載HTML頁面中的DIV中
$("#page1").html('<object data="http://stackoverflow.com/">');
的問題是,加載頁面的顯示非常小:股利是500*500px
但頁面裏面只有100*100px
,不管我做什麼。
請幫我解決這個 謝謝
只需添加高度寬度創建對象:
$("#page1").html('<object width="100%" height="100%" data="http://stackoverflow.com/">');
使用width
和object
標籤height
屬性。
<object data="http://stackoverflow.com/" width="500" height="500">
謝謝!工作得很好。 – MrNacer2007
您可以使用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>
@DharaParmar您將'500'更改爲'100%'併發布了新答案。 – Mohammad
@Mohammad我已經發布了我自己的答案,沒有從你的參考... –
@DharaParmar我說你的答案就像我的答案,但你發佈它。 – Mohammad