Question

单击菜单后，特定的html页面应在窗口的一部分上打开，我该如何使用div标签呢？你能告诉我一些例子吗？现在，我在Frame标签的帮助下进行此操作，但还有另一种方法预先感谢。

Answer 1

如果我理解正确，那么您想通过单击按钮来打开页面上带有html的弹出窗口，您可以通过这种方式完成

function openHtml()
{
   document.getElementById("html_block").innerHTML = "YourHTML..."; //simple way
   //$("#target_div").load("YOUR_PAGE.html"); //you can also use this to load html from file using jquery
}

.main_page
{
 width: 100%;
 height: 200px;
 background: grey;
 position: relative;
}
#html_block
{
  position: absolute;
  background: red;
  left: 80%; /*your specific position*/
  bottom: 10px;
}

<div class="main_page">
  <button onclick="openHtml()">open html</button>
  <div id="html_block"></div>
</div>

Answer 2

您必须在ID中包含要定位的div的引用，例如：

<a href="https://getbootstrap.com/docs/4.1/components/card/#list-groups">Link</a>

您可以在其中看到，最后一部分显示#list-group，这是对Bootstrap组件页面中id中list-groups为<a href="another_page/#your_section_id">Link</a>的部分的引用；您将必须执行相同操作；为您要访问的部分指定一个ID；当页面打开时，它将转到该部分。

类似这样：

<div id="your_section_id"></div>

将打开页面，并在该页面上定位具有以下内容的部分：

__global__ void addKernel(float3 *pixeld_d[])

在窗口的特定部分单击菜单栏按钮后，如何打开HTML页面？

2 个答案: