我正在为一个我编写的JavaScript明星绘图程序开发一个相当简单的HTML页面并遇到了一些麻烦。由于我希望每个页面的顶部是相同的，我想我可以为页面的那一部分编写一个html文件并将其插入到各个页面中。我使用<object>来做这个，它基本上可以工作，但在页面占用了很多空间（我在对象周围添加了一个红色边框以清楚地显示）：
我的页面代码是：
<html>
<body>
<object data="drawthestars-header.html" style="border: 1px solid red;">
error loading file
</object>
<p><b>Draw a star?</b></p>
<table>
<tr>
<td>Points: </td>
<td><input type="text" value="15" id="deg" size="3" maxLength="3"></td>
</tr>
<tr>
<td><label>Jump: </label></td>
<td><input type="text" value="6" id="jump" size="3" maxLength="3"></td>
</tr>
<tr>
<td><button id="redraw" onclick="addStar()">Draw</button></td>
<td><button id="clear" onclick="clearAll()">Clear</button>
</tr>
</table>
<br />
<div id="stars"></div>
<script src="drawthestars.js"></script>
</body>
</html>
drawthestars-header.html，插入的代码，只是：
<a href="#">link???</a>
有人能指出我这里出了什么问题吗？