在Web开发中，有时候我们需要获取当前页面的ID，以便进行后续的操作，比如根据不同的页面ID加载不同的内容或者执行特定的逻辑。在JavaScript中，有几种简单的方法可以获取页面的ID。以下是一些常见的技巧：
使用window.location.pathname
window.location.pathname属性可以获取到当前页面的路径名。如果你在URL中使用的是ID来标识页面，那么可以直接从这个路径中提取ID。
代码示例
// 获取当前页面的路径名
var pathName = window.location.pathname;
// 假设页面的URL结构为 /page-id/123
// 则可以通过字符串操作获取ID
var id = pathName.split('/').pop();
console.log(id); // 输出：123
使用document.getElementById
如果你在HTML中有一个元素，其id属性就是页面的ID，你可以直接使用document.getElementById来获取它。
代码示例
<!-- 假设有一个元素的id是page-id -->
<div id="page-id">这是页面内容</div>
// 获取id为page-id的元素
var element = document.getElementById('page-id');
// 获取元素的id属性值
var id = element.id;
console.log(id); // 输出：page-id
使用document.querySelector
document.querySelector方法可以根据CSS选择器获取页面上的元素。如果你知道页面的ID是某个特定的类或属性，可以使用这个方法。
代码示例
// 假设页面的ID是某个元素的class属性
var id = document.querySelector('.page-id').getAttribute('id');
console.log(id); // 输出：page-id
注意事项
路径名方法：这种方法依赖于URL中包含ID。如果你的页面ID不是通过URL来区分的，那么这种方法不适用。
元素ID方法：这种方法依赖于页面中存在一个具有特定ID的元素。如果页面上没有这样的元素，那么这种方法也会失败。
CSS选择器方法：这种方法同样依赖于页面上存在符合选择器的元素。
在实际应用中，选择哪种方法取决于你的具体需求和页面结构。如果你需要从URL中获取页面ID，那么使用window.location.pathname可能是最简单直接的方法。如果你需要根据页面上的元素来获取ID，那么使用document.getElementById或document.querySelector可能更合适。
总之，掌握这些简单的方法可以帮助你在JavaScript中轻松获取页面的ID，从而实现更复杂的页面交互和逻辑处理。