我正在为我编写的JavaScript Star-Drawing程序的一个相当简单的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>
有人可以将我指向这里出了什么问题吗?
这将是默认的iframe元素大小,对象元素实际上是场景后面的。
iframe的默认宽度/高度
您应该设置对象元素的宽度和高度来更改。