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

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日