jsp页面js获取每天8点到15点显示按钮,超时隐藏,哪位大虾帮忙给个代码!在线等,,,,

jsp页面js获取每天8点到15点显示按钮,超时隐藏,哪位大虾帮忙给个代码!在线等,,,,,第1张

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <link rel="stylesheet" href="css/toolbarcss">

    <script type="text/javascript">

       function test(){

          var date = new Date();

           var hour = dategetHours();

           var result;

           (hour > 8 && hour < 15)  result = "" :result = "none";

           return result;

       }

        //此后为测试代码。

        windowonload = function(){

            documentgetElementById("test")styledisplay = test();

        };

    </script>

</head>

<body>

    <button id="test" >测试</button>

</body>

</html>

要获取button按钮的ID的值,

首先要定位到这个BUTTON, 因为是要获得ID ,所以不能用ID去定位, 可以考虑用NAME去定位,前提NAME的值要是唯一的,

这样根据document

getElementsByName找出的元素只有一个,

取他的第一个元素就可以定位到该button, 通过

bid可以获取button的ID值

第一步,在HBuilder工具中已创建好的Web项目,指定目录下新建静态页面buttonClickhtml,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第二步,在title标签下引入vuejs核心JavaScript文件,注意压缩版本和开发版本,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第三步,在<body></body>标签内,插入一个div和四个button,使用v-on绑定事件,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第四步,在<div></div>标签下方,插入<script></script>标签,并在标签内编写事件函数,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第五步,保存代码并在浏览器中查看结果,点击按钮,查看d出的结果,如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

第六步,d出的结果为undefined,修改代码并在事件中传参数,然后再次查看结果,可以看到按钮的相关属性和方法(浏览器控制台),如下图所示:

如何使用Vuejs中的按钮点击事件并获取按钮属性

以上就是关于jsp页面js获取每天8点到15点显示按钮,超时隐藏,哪位大虾帮忙给个代码!在线等,,,,全部的内容,包括:jsp页面js获取每天8点到15点显示按钮,超时隐藏,哪位大虾帮忙给个代码!在线等,,,,、javascript中怎么样获得button按钮的id值、如何使用Vue.js中的按钮点击事件并获取按钮属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9812805.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存