点击按钮跳转页面并且获取到当前这条数据的id 在跳转到的页面接收这个id
时间: 2023-02-09 20:16:28 浏览: 107
如果你想在点击按钮时跳转到新页面并获取当前数据的 id,你可以使用一个 HTML 按钮元素和 JavaScript 来实现。
首先,在 HTML 页面中添加一个按钮元素,并为其添加一个 id 属性,以便在 JavaScript 中可以选择它:
```
<button id="my-button">跳转</button>
```
然后,使用 JavaScript 在按钮上添加点击事件处理程序,并使用 window.location 对象跳转到新页面。在新页面的 URL 中,使用 URL 参数传递 id 值。例如:
```
<script>
document.getElementById('my-button').addEventListener('click', function() {
var id = getCurrentDataId(); // 这是你的函数,用于获取当前数据的 id
window.location = 'https://example.com/new-page?id=' + id;
});
</script>
```
在新页面中,可以使用 JavaScript 来获取 URL 参数并接收 id 值。例如:
```
<script>
function getUrlParameter(name) {
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
var results = regex.exec(location.search);
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
};
var id = getUrlParameter('id');
// 你可以使用 id 值来做你想做的任何事情
</script>
```
希望这个回答能帮到你!