Question

我创建了两个html页面。

<html>
<body>

<button type="button" onclick="alert('Hello world!')">Click Me!</button>
 
</body>
</html>

当我点击onClick按钮时，我想在同一帧中打开另一个html页面。我的第二个HTML

<html>
<body>

<h2>Spectacular Mountain</h2>
<img src="pic_mountain.jpg" alt="Mountain View" style="width:304px;height:228px;">

</body>
</html>`

我在Java Springboot中使用这些html文件。最后，我想点击第一个html页面的按钮，然后我想在同一帧中显示第二页。

你能帮我谢谢。

Answer 1

锚怎么样？

<a href="anotherHtmlFile.html">
    Click me to access 2nd HTML file
</a>

Answer 2

Anchor标签应该可以解决问题，

<button type="button" onclick="alert('Hello world!')"  >
<a href="b.html">Click Me!</a>
</button>

＆＃39;

Answer 3

根据我的理解，术语“框架”不正确。 Frame在HTML中有意义所以我相信你真正想做的是将第二个模板的内容拉到现有模板中。如果是这种情况，那么你必须使用某种Javascript和Ajax来实现你的目标。

我将假设使用jQuery，因为它是最简单的示例类型。

<html>
<body>
  <button type="button" id="button1">Click Me!</button>
  <div id="page2"></div>
  <script>
    $("#button1").on("click", function() {
      $("#page2").load("http://url/to/other/page");
     });
</body>
</html>

上面的代码将使用按钮注册一个点击事件，点击后，将加载第二页并放入div的内容。还有其他方法可以通过各种Javascript技术和库来实现这一目标。

在同一帧打开不同的页面

3 个答案: