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

标签 javascript html

嗨, 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/

相关文章:

javascript - 一段时间后,XSRF cookie 在 Android 版 Chrome 上丢失

javascript - 删除这个并且只删除这个元素 jQuery

html - 如何调整在不同浏览器和屏幕尺寸中自动加载的图像尺寸?

html - 如何使滚动条始终显示在所有浏览器的下拉菜单中?

javascript - 更改存储的 div ID 的样式

javascript - 在创建新 Promise 之前拒绝 Promise

javascript - 在AngularJS中使用ng-repeat迭代数组列表的数组列表

javascript - 如何向 tinyMCE 添加动态上下文菜单?

javascript - html 导入 .appendChild 方法

javascript - 自动设置文本区域的高度