文章目录
H5链接跳转方法1.H51.超链接2.标签3.使用锚点（#）4.history.pushState和history.replaceState
2.JS方式1.在本窗体打开一个新的页面`window.location.href`2.在一个新的窗口打开一个新的页面`window.open`3.替换当前页面`location.replace`4.分配新的页面`location.assign`5.在本窗体打开一个新的页面`window.location.href`
3.微信小程序中1.小程序中跳转到H5页面2.H5页面跳转到微信小程序
提示：以下是本篇文章正文内容，下面案例可供参考
H5链接跳转方法
1.H5
1.超链接
_blank 在新窗口中打开被链接文档。_self 默认。在相同的框架中打开被链接文档。_parent 在父框架集中打开被链接文档。_top 在整个窗口中打开被链接文档。framename 在指定的框架中打开被链接文档。
2.标签
如果希望页面加载后自动跳转，可以在HTML的``部分使用标签，这里的content属性中的5表示5秒后自动跳转到指定的URL地址。
3.使用锚点（#）
如果页面中有锚点，可以使用锚点进行跳转，这样不会重新加载页面，只会滚动到指定的位置。
4.history.pushState和history.replaceState
// 使用 pushState 添加一个新的历史记录条目
history.pushState({}, "页面标题", "https://www.example.com");
// 使用 replaceState 替换当前的历史记录条目
history.replaceState({}, "页面标题", "https://www.example.com");
改变URL而不刷新页面，这些方法可以用于单页应用（SPA），通过JavaScript来改变浏览器的URL地址，但不会实际加载新的页面。
2.JS方式
1.在本窗体打开一个新的页面window.location.href
window.location.href = 'https://example.com';
_blank - URL加载到一个新的窗口。_parent - URL加载到父框架_self - URL替换当前页面_top - URL替换任何可加载的框架集name - 窗口名称需要特别注意的是， 注意：_blank虽然可以打开一个新窗口，但也会受到浏览器限制，可能会被浏览器拦截。
在当前窗口中加载新的URL，并且用户可以使用浏览器的“后退”按钮返回到之前的页面。
2.在一个新的窗口打开一个新的页面window.open
window.open('https://example.com');
在一个新的浏览器窗口或标签页中打开指定的URL。
3.替换当前页面location.replace
window.location.replace('https://example.com');
替换当前页面为一个新的URL，替换后无法回退到上一个页面，这种方法适用于不希望用户回退到之前页面的情况。
4.分配新的页面location.assign
window.location.assign('https://example.com');
可以将当前页面转为一个新的URL，与location.replace类似，但此方法可以回退至上一页面，这种方法适用于希望用户能够回退到之前页面的情况。
5.在本窗体打开一个新的页面window.location.href
window.location.href = 'https://example.com';
在当前窗口中加载新的URL，并且用户可以使用浏览器的“后退”按钮返回到之前的页面。
3.微信小程序中
1.小程序中跳转到H5页面
在小程序中，可以使用web-view组件来实现跳转到H5页面。首先，需要在小程序的app.json中注册web-view页面：
然后，在webview页面的wxml文件中使用web-view标签，并设置src属性为要跳转的URL：
{
"pages": [
"pages/webview/webview"
]
}
在逻辑代码中，可以通过事件绑定来实现跳转：
Page({
handleToWebSite() {
const url = 'https://example.com';
wx.navigateTo({
url: `/pages/webview/webview?url=${url}`,
});
}
});
这种方法需要确保跳转的网页在小程序后台配置了支持的业务域名。
2.H5页面跳转到微信小程序
可以使用URL Scheme来实现H5页面跳转到微信小程序。首先，需要获取URL Scheme：
weixin://dl/business/?appid=wx1234123123&path=pages/index/index
在H5页面中，可以通过设置location.href来实现跳转：
location.href = 'weixin://dl/business/?appid=wx1234123123&path=pages/index/index';
这种方法可以在用户打开H5页面时立即调用，也可以在用户触发事件后调用。