JavaScript接受URL/超链接传参的方法
时间: 2023-08-02 18:10:42 浏览: 100
JavaScript可以通过以下方法来接收URL/超链接传参:
1. 使用location.search属性获取URL中的查询字符串,然后解析它们。例如:
```javascript
var params = {};
var query = location.search.substring(1);
if (query) {
var pairs = query.split('&');
for (var i = 0; i < pairs.length; i++) {
var pair = pairs[i].split('=');
params[pair[0]] = decodeURIComponent(pair[1]);
}
}
```
这段代码会将查询字符串解析为一个对象,每个参数名对应一个属性名,参数值对应属性值。
2. 使用location.hash属性获取URL中的哈希值,然后解析它们。例如:
```javascript
var params = {};
var hash = location.hash.substring(1);
if (hash) {
var pairs = hash.split('&');
for (var i = 0; i < pairs.length; i++) {
var pair = pairs[i].split('=');
params[pair[0]] = decodeURIComponent(pair[1]);
}
}
```
这段代码会将哈希值解析为一个对象,每个参数名对应一个属性名,参数值对应属性值。
3. 在超链接中添加自定义属性,然后在JavaScript中获取这些属性的值。例如:
```html
<a href="/example.html" data-param1="value1" data-param2="value2">Link</a>
```
```javascript
var link = document.querySelector('a');
var param1 = link.getAttribute('data-param1');
var param2 = link.getAttribute('data-param2');
```
这段代码会将超链接中的自定义属性解析成变量,并将它们的值存储在相应的变量中。
以上三种方法都可以获取URL/超链接传参的值,具体使用哪种方法取决于你的应用场景。
阅读全文