当前位置:首页 > 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 参数可在新窗口打开链接

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

相关文章

h5实现登录页面跳转页面跳转页面跳转页面

h5实现登录页面跳转页面跳转页面跳转页面

实现登录页面跳转的方法 在H5中实现登录页面跳转可以通过多种方式完成,以下是一些常见的方法: 使用JavaScript的window.location方法 通过JavaScript的window.l…

vue实现 页面

vue实现 页面

Vue 实现页面的基本方法 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。以下是实现页面的常见方法: 单文件组件(SFC) 使用 .vue 文件组织页面结构,包含模板、脚…

vue实现引导页面

vue实现引导页面

实现引导页面的方法 在Vue中实现引导页面通常需要结合用户交互和页面跳转逻辑,以下是几种常见的实现方式: 使用路由守卫控制访问权限 在router.js中配置全局前置守卫,检查用户是否首次访问:…

jquery页面加载

jquery页面加载

jQuery 页面加载事件 在 jQuery 中,页面加载事件通常通过 $(document).ready() 或简写的 $() 来实现。这种方式确保代码在 DOM 完全加载后执行,但无需等待图片等资…

vue实现页面转换

vue实现页面转换

Vue 实现页面转换的方法 Vue 提供了多种方式实现页面转换,主要包括路由切换动画和组件过渡效果。以下是几种常见的实现方法: 使用 Vue Router 和过渡动画 通过 Vue 的 <tr…

vue实现页面打印

vue实现页面打印

Vue 实现页面打印的方法 在 Vue 项目中实现页面打印功能可以通过多种方式完成,以下是几种常见的实现方法: 使用 window.print() 方法 调用浏览器原生的打印功能是最简单的方式。创建…