个人中心
gpt4 book ai didi

javascript - 如何在加载页面时单击按钮并获取其参数值

转载 作者：行者123 更新时间：2023-12-01 02:19:25 24 4
gpt4 key购买 nike

嗨， friend 们，我需要你们的帮助，我得到了一个从一个 html 页面导航到另一个页面的场景

清晰的解释

从 html 页面 1 导航到 html 页面 2，其中包含三个具有不同 id 的按钮。我必须在页面加载时选择第一个按钮，并且必须在单击事件上获取其所有参数值。

html 页面 1

<html>
<body>
  <a href="htmlpage2.html">click here</a>
</body>
</html>

html 页面 2

     <html>
        <body>
        <button id="button1" class="btn btn-default" onclick="save('Ice','cube','water')">click
        </button>
         <button id="button2" class="btn btn-default" onclick="save('Ice','cube','water')">click
         </button>
         <button id="button3" class="btn btn-default" onclick="save('Ice','cube','water')">click
        </button>
        <script type="text/javascript">
         function save(name,shape,made){
          alert(name);
          alert(shape);
          alert(made);
        }
        </script>

    </body>
        </html>

## scenario ##
On navigating to html page2 i have to make the button with id="button1" to be clicked default and have to get alert(); as if give in the save function hope will get a better response thank You

最佳答案

您可以使用此代码。

<html>
    <body>
    <button id="button1" class="btn btn-default" onclick="save('Ice','cube','water')">click
    </button>
     <button id="button2" class="btn btn-default" onclick="save('Ice','cube','water')">click
     </button>
     <button id="button3" class="btn btn-default" onclick="save('Ice','cube','water')">click
    </button>
    <script type="text/javascript">
     function save(name,shape,made){
      alert(name);
      alert(shape);
      alert(made);
    }
    document.getElementById("button1").click();
    </script>

</body>
    </html>

关于javascript - 如何在加载页面时单击按钮并获取其参数值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49320438/

24 4 0
文章推荐： javascript - jQuery flot 去除条形边框
文章推荐： python - 使用 SQLAlchemy 构造 UPDATE .. SET .. WHERE .. 语句
文章推荐： python - 如何将unicode字符串转换为对应的ascii字符串？
文章推荐： javascript - 使用 ids 进行 Google 知识图谱搜索
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com