Question

我是html和css的新手很抱歉，如果这听起来很愚蠢。

如何创建包含两个图像，文本和空格的可点击区域，单击该区域后，会在页面中打开另一个html文件？

到目前为止，我有一个html文件出现在这样的html文件中：

<object data=EXAMPLE.html width=100% height=100% /> Error </object>

但问题是你必须在内容框中滚动才能查看它，我希望它根据html文件的大小无限期地向下扩展内容框。

Answer 1

正如@Jarred Farrish指出的那样：常规框架按照你的描述进行。你不需要对象元素。

Answer 2

我认为这个问题与this question重复。

您可以通过创建div，将其他元素放在div中，并在div本身上设置onclick处理程序来创建“按钮”。你可以自由地拥有“空”空间，因为空虚真的是div。

<div class=my_button  onclick=my_button_press();>
    <img src="..."></img>
    <img src="..."></img>
    <span class=my_text>My text here</span>
</div>
<iframe id=my_frame></iframe>

<script>
  function my_button_press() {
     document.getElementById('my_iframe').src = "...";
  }
</script>

请查看此示例http://jsfiddle.net/b6sdunqj/1/。

您希望将上述问题中的说明与my_button_press()结合使用，以完成所有操作。

（HTML）让按钮在页面中打开另一个html页面

2 个答案: