当前位置:首页 > jquery

jquery点击跳转页面

2026-03-16 15:21:07jquery

使用 jQuery 实现页面跳转

通过 window.location.href 实现跳转

jquery点击跳转页面

$("#button").click(function() {
  window.location.href = "https://example.com";
});

使用 window.location.replace 实现跳转(不保留历史记录)

$("#button").click(function() {
  window.location.replace("https://example.com");
});

通过表单提交跳转

$("#button").click(function() {
  $("<form>")
    .attr("action", "https://example.com")
    .attr("method", "POST")
    .appendTo("body")
    .submit();
});

动态生成链接并触发点击

$("#button").click(function() {
  $("<a>")
    .attr("href", "https://example.com")
    .attr("target", "_blank") // 可选:新标签页打开
    .appendTo("body")[0]
    .click();
});

注意事项

  • 确保 jQuery 库已正确加载
  • 选择器 #button 可替换为实际按钮的 ID 或 class
  • 跳转 URL 需包含协议(如 https://
  • 使用 _blank 参数可在新窗口打开链接

标签: 跳转页面
分享给朋友:

相关文章

vue实现关闭页面

vue实现关闭页面

关闭当前页面的方法 在Vue中关闭当前页面可以通过JavaScript的window.close()方法实现。该方法会关闭当前浏览器窗口或标签页。 methods: { closePage()…

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https://…

h5实现页面跳转页面跳转页面

h5实现页面跳转页面跳转页面

H5 实现页面跳转的方法 使用 <a> 标签实现跳转 通过超链接标签 <a> 的 href 属性指定目标页面路径,用户点击后跳转。 <a href="target.…

h5页面实现vr

h5页面实现vr

实现H5页面VR效果的方法 在H5页面中实现VR(虚拟现实)效果,可以通过以下几种技术方案实现: 使用WebVR API WebVR是一个实验性的JavaScript API,提供了访问VR设备的功…

vue实现前端跳转

vue实现前端跳转

Vue 实现前端跳转的方法 在 Vue 中实现前端跳转主要通过路由(Vue Router)完成,以下是几种常见的方式: 声明式导航 使用 <router-link> 组件实现跳转,适合模…

jquery跳转页面

jquery跳转页面

jQuery 跳转页面方法 使用 jQuery 实现页面跳转可以通过多种方式完成,以下是几种常见的方法: 使用 window.location.href 进行跳转 $(document).read…