Li FRANK 2024-03-15 17:40 采纳率: 68.9%
浏览 8
已结题

HTML生成http://127.0.0.1:5000/?a=12&b=7

HTML点击按钮后将URL从http://127.0.0.1:5000改为http://127.0.0.1:5000/a=12&b=7，怎么写？谢谢

  • 写回答

3条回答 默认 最新

  • 专家-赤兔[在线] 全栈领域优质创作者 2024-03-15 17:40
    关注

    引自免费微信小程序：皆我百晓生

    当然，要实现这个功能，你可以使用HTML的表单提交或者JavaScript来动态修改URL。这里提供一个简单的HTML和JavaScript结合的方法：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dynamic URL Change</title>
</head>
<body>
    <!-- 添加一个按钮 -->
    <button id="submit-btn">点击修改URL参数</button>

    <!-- 引入JavaScript脚本 -->
    <script>
        document.getElementById("submit-btn").addEventListener("click", function() {
            // 获取当前页面URL
            var currentUrl = window.location.href;

            // 判断是否已经是目标URL（即包含a和b参数）
            if (!currentUrl.includes("?a=") && !currentUrl.includes("&b=")) {
                // 构造新的URL
                var newUrl = `${currentUrl}?a=12&b=7`;

                // 使用replace方法替换当前URL
                window.history.replaceState({}, '', newUrl);
            }
        });
    </script>
</body>
</html>

    上述代码首先定义了一个按钮，并为其添加了点击事件监听器。当用户点击按钮时，JavaScript会检查当前URL是否已经包含了参数"a"和"b"。如果没有，它将构造一个新的URL并在当前窗口的历史记录中替换当前URL，从而达到更新URL的效果，而不会导致页面刷新或重新加载。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 4月1日
  • 已采纳回答 3月24日
  • 创建了问题 3月15日

悬赏问题

  • ¥15 如何利用c++ MFC绘制复杂网络多层图
  • ¥20 要做柴油机燃烧室优化 需要保持压缩比不变 请问怎么用AVL fire ESE软件里面的 compensation volume 来使用补偿体积来保持压缩比不变
  • ¥15 python螺旋图像
  • ¥15 算能的sail库的运用
  • ¥15 'Content-Type': 'application/x-www-form-urlencoded' 请教 这种post请求参数，该如何填写？？重点是下面那个冒号啊
  • ¥15 找代写python里的jango设计在线书店
  • ¥15 请教如何关于Msg文件解析
  • ¥200 sqlite3数据库设置用户名和密码
  • ¥15 AutoDL无法使用docker install吗？
  • ¥15 cups交叉编译后移植到tina sdk的t113，只需要实现usb驱动打印机，打印pdf文件