在 JavaScript 中,你可以使用 `window.location` 对象来获取当前浏览器地址栏中的参数。对于你提供的 URL `https://yuyingzhijia.cn/front/yuyingshi/detail.do?newsID=134737`,你可以通过以下步骤来获取 `newsID` 参数的值。
以下是一个简单的函数,用于从 URL 中获取查询参数的值:
```javascript
function getQueryParam(param) {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get(param);
}
// 使用该函数获取 newsID 参数的值
const newsID = getQueryParam('newsID');
console.log(newsID); // 输出: 134737
```
### 解释
1. **`window.location.search`**: 获取 URL 中的查询字符串部分(即 `?newsID=134737`)。
2. **`URLSearchParams`**: 这是一个 Web API,用于解析 URL 查询字符串,并允许你以一种方便的方式访问参数。
3. **`get(param)`**: `URLSearchParams` 对象的方法,用于获取指定参数的值。
### 兼容性
`URLSearchParams` 是一个现代浏览器特性,并且在大多数现代浏览器中都得到了很好的支持(包括 Chrome, Firefox, Safari, Edge 等)。如果你需要支持非常旧的浏览器,可能需要使用其他方法(例如正则表达式或字符串操作)来解析查询字符串。
### 示例代码在页面中的使用
你可以将上述函数放入你的 JavaScript 文件中,并在页面加载时调用它,或者将其绑定到某个事件处理器上。例如:
```html
Get URL Param
Check the console for the News ID
```
将上述 HTML 文件加载到你的浏览器中,打开开发者工具的控制台,你应该能看到输出的 `News ID: 134737`。