typescript跳转href新页面移动端PC端通用
时间: 2024-09-20 13:13:01 浏览: 57
在TypeScript中,如果你想要在移动设备(如Android、iOS)和桌面电脑(如PC)上通用地实现页面跳转到新的URL,通常会使用`window.location.href`属性。这是一个浏览器全局API,可以用于打开新窗口或页面。
无论是移动端的`<a>`标签点击事件处理,还是PC端的JavaScript代码,你可以这样做:
```typescript
// 安卓或iOS移动端
const mobileLink = document.getElementById('mobile-link') as HTMLAnchorElement;
mobileLink.addEventListener('click', function(e) {
e.preventDefault(); // 阻止默认的跳转行为
window.location.href = 'https://www.example.com';
});
// PC端
function goToNewPage(url: string) {
window.location.href = url;
// 可能需要添加兼容性检查,比如使用window.location.assign()或window.open()
}
// 调用示例
goToNewPage('https://www.example.com');
```
在上述代码中,首先获取了一个链接元素,然后给其添加了点击事件监听器。当用户点击该链接时,不会直接跳转,而是通过设置`window.location.href`来指定新的URL。对于PC端,直接调用`goToNewPage`函数并传入URL即可。
阅读全文