在Web开发中，有时候我们需要根据用户访问的URL地址中的特定参数（如ID）来执行一些操作，比如加载不同的页面内容。JavaScript为我们提供了多种方法来获取地址栏中的参数值。以下是一些实用的技巧，帮助你轻松获取地址栏ID值。
方法一：使用window.location.search和decodeURIComponent
window.location.search属性可以获取到URL中的查询字符串部分，即?后面的内容。接下来，我们可以使用decodeURIComponent函数来解码URL编码的参数值。
// 假设URL是：http://example.com/page?id=123
var id = decodeURIComponent(window.location.search.split('?id=')[1]);
console.log(id); // 输出：123
这段代码首先通过split方法以?id=为分隔符分割查询字符串，然后获取第二个元素，即参数值。最后，使用decodeURIComponent解码参数值。
方法二：使用new URL()构造函数
ES6引入了URL构造函数，它可以方便地解析URL。使用这个构造函数，我们可以直接获取查询参数。
// 假设URL是：http://example.com/page?id=123
var url = new URL('http://example.com/page?id=123');
var id = url.searchParams.get('id');
console.log(id); // 输出：123
这里，searchParams是一个URLSearchParams对象，它提供了get方法来获取指定参数的值。
方法三：使用navigator.appName和navigator.appVersion
对于一些老旧的浏览器，我们可以使用navigator.appName和navigator.appVersion来获取URL参数。
// 假设URL是：http://example.com/page?id=123
var id = '';
if (navigator.appName == 'Microsoft Internet Explorer') {
id = location.search.match(/id=([^&]+)/)[1];
} else {
id = decodeURIComponent(location.search.split('?id=')[1]);
}
console.log(id); // 输出：123
这种方法适用于IE浏览器，它通过正则表达式匹配查询参数。
总结
以上三种方法都是获取地址栏ID值的有效途径。在实际开发中，你可以根据项目需求和目标浏览器选择最合适的方法。希望这些技巧能帮助你更好地处理Web开发中的问题。