直接在href属性中添加参数,例如: 复制 <a href="page.php?id=123">点击跳转</a>在函数中怎么得到这个变量
时间: 2024-03-11 16:51:18 浏览: 103
在JavaScript函数中可以通过获取<a>标签的href属性值来获取传递的参数值,例如:
```
<a href="page.php?id=123" onclick="goPage(event)">点击跳转</a>
<script>
function goPage(event) {
event.preventDefault(); // 阻止<a>标签的默认行为
var url = event.target.getAttribute('href'); // 获取<a>标签的href属性值
var params = new URLSearchParams(url.split('?')[1]); // 解析URL中的参数
var id = params.get('id'); // 获取参数id的值
console.log(id); // 输出参数id的值
}
</script>
```
在这个例子中,我们通过onclick事件来调用自定义函数goPage,并且通过传入event参数来获取<a>标签的相关信息。在函数中,我们首先使用preventDefault方法阻止<a>标签的默认行为,接着通过getAttribute方法获取href属性值,然后使用URLSearchParams和split方法来解析URL中的参数,最后使用get方法获取参数id的值。
阅读全文