typescript 怎么跳转新页面打开链接 PC端和移动端都可用
时间: 2024-10-09 15:01:18 浏览: 21
在TypeScript中,如果你想要在PC端和移动端都支持的新页面打开链接,你可以使用`window.location.href`属性来实现。这里提供两个示例:
1. **对于PC端浏览器(HTML5 History API兼容)**:
```typescript
function openNewPage(url: string): void {
window.location.href = url;
// 或者使用 target="_blank" 防止在同一标签页内加载
// const link = document.createElement('a');
// link.href = url;
// link.target = '_blank';
// link.click();
}
// 调用函数
openNewPage('https://example.com');
```
2. **对于移动端(使用`window.location`或`ionic-native`插件)**:
- 如果你正在使用框架如Ionic,可以安装`@ionic-native/launch-navigator`插件来处理跨平台的导航:
```typescript
import { LaunchNavigator } from '@ionic-native/launch-navigator/ngx';
constructor(private launchNavigator: LaunchNavigator) {}
async openNewPage(url: string): Promise<void> {
await this.launchNavigator.navigate({
url: 'http://' + url,
platform: Platform.is('android') ? 'android' : 'ios', // 根据当前平台选择
mode: 'standard' // 新窗口打开
});
}
// 调用方法
openNewPage('https://example.com');
```
注意:移动端通常会自动在原生浏览器中打开新页面,无需额外处理。
阅读全文