聆听按钮

Question

单击a.html中的按钮然后移动到b.html并显示图层（b.html）是否可能？

我搜索了一些类似的例子，例如来自另一个HTML的特定活动标签。使用像hash.location ....这样的javascript事件。

任何人都知道如何制作它和一些例子？谢谢

Answer 1

您需要2个HTML文件。我们假设你在同一个文件夹中有a.html和b.html。

如果我理解正确，您需要在点击按钮时更改页面。

您现在有2个解决方案：

点击按钮
使用一个小技巧，在链接标记<a>中包含一个按钮元素。

聆听按钮

我们假设您在a.html文件中有此按钮：

<button id="pageChanger">Change Page</button>

然后你需要添加这个JS：

document.getElementById('pageChanger').addEventListener('click', () => {
    window.location = 'b.html';
})

（不要忘记它必须在文档的末尾添加，否则它将无法正确加载

在链接中有一个按钮

您只需添加此HTML代码：

<a href="b.html"><button>Change page</button></a>

Answer 2

例如，假设两个html页面如下：

<强> page1.html：

<!DOCTYPE HTML>
<html>
<head>
    <title>Page 1</title>
</head>
<body>
    <button type="button" onclick="window.location.href = 'page2.html#myDiv'">Goto Div in Page 2</button>
</body>
</html>

<强> page2.html：

<!DOCTYPE HTML>
<html>
<head>
    <title>Page 1</title>
</head>
<body>
    <div>
        <br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br>
    </div>
    <div id="myDiv">
        This is my div
        <br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br>
    </div>
</body>
</html>

当您点击第一页中的Button时，窗口会重定向到第二页中的layer。

在此示例中，使用锚点部件。锚点部分是井号（＃）之后的URL的一部分。

示例：

<button type="button" onclick="window.location.href = 'https://stackoverflow.com/jobs?med=site-ui&ref=jobs-tab#profile-summary'">Go!</button>

当点击按钮移动到另一个html并显示图层

2 个答案:

聆听按钮

在链接中有一个按钮