Question

我正在制作一个相当简单的HTML页面，用于我编写的JavaScript明星绘图程序并遇到了一些麻烦。由于我希望每个页面的顶部是相同的，我想我可以为页面的那一部分编写一个html文件并将其插入到各个页面中。我使用<object>执行此操作，它基本上可以工作但占用了页面中的大量空间（我在对象周围添加了一个红色边框以清楚地显示这一点）：

code result

我的网页代码是：

<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>

有人能指出我在这里出了什么问题吗？

Answer 1

这将是默认的IFrame元素大小，对象元素实际上是在场景后面。

Default width/height of an IFrame

您应该设置对象元素的宽度和高度以更改它。

对象：html插入占用太多高度

1 个答案: