<button onclick="window.location.href='目标页面的URL'">点击跳转</button>如何携带参数
时间: 2024-04-07 20:30:09 浏览: 250
页面跳转js获取传递的参数
5星 · 资源好评率100%
要在点击跳转时携带参数,你可以通过修改URL的查询参数来实现。以下是一个示例:
```html
<button onclick="redirectToPage()">点击跳转</button>
<script>
function redirectToPage() {
var param1 = 'value1'; // 设置参数值
var param2 = 'value2';
// 构建带参数的URL
var url = '目标页面的URL' + '?param1=' + encodeURIComponent(param1) + '¶m2=' + encodeURIComponent(param2);
// 跳转到带参数的URL
window.location.href = url;
}
</script>
```
在上面的示例中,通过在`redirectToPage()`函数中设置参数的值,然后使用`encodeURIComponent()`函数对参数进行编码,最后将参数添加到目标页面的URL中。这样,在点击按钮时会跳转到带参数的目标页面。
请注意,如果参数值中包含特殊字符或空格等,需要使用`encodeURIComponent()`函数进行编码,以确保URL的正确性。在目标页面中,你可以使用JavaScript或其他服务器端语言来解析和获取URL中的参数值。
阅读全文