JS JavaScript实现h5页面间跳转

JS JavaScript实现h5页面间跳转

一、不在JS中跳转

如果你不想在 JavaScript 中写页面跳转,而是希望使用 HTML 或者其它前端方式来实现页面跳转,下面是一些常见的方法:

1. 使用 标签进行跳转

HTML 中最常见的跳转方式就是使用 标签。它可以让用户点击链接进行页面跳转。

跳转到 Example

如果你想要跳转到其他页面,可以设置 href 属性为目标页面的 URL。点击链接后,页面会跳转。

示例:

关于我们

如果你希望跳转到新窗口:

跳转到 Example

target="_blank" 属性会在新窗口中打开目标页面。

2. 使用

提交表单进行跳转

如果需要在用户提交表单时跳转,可以使用 HTML 表单 () 元素。

表单的 action 属性指定了提交的目标 URL,method 属性指定了请求的方法(GET 或 POST)。点击提交按钮时,浏览器会跳转到指定的 URL。

3. 使用 标签进行自动跳转

如果你希望页面加载完成后自动跳转到另一个 URL,可以使用 标签。

content="3;url=https://www.example.com" 表示页面将在 3 秒后自动跳转到指定的 URL。你可以根据需要修改时间(单位为秒)。

4. 使用 标签设置基本的跳转路径

如果你希望页面中所有相对链接都指向某个固定的基础 URL,可以使用 标签。

此时,页面中所有相对路径的链接都会基于 https://www.example.com/ 进行解析。

5. 使用

这样,目标页面会被加载到