HTML事件

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        .btn{width: 140px;height: 30px;line-height: 30px;background: #00f;color: #fff;font-size: 14px;text-align:center;border-radius:5px;cursor:pointer;margin-top: 30px;}
    </style>
</head>
<body>
    <input type="button" value="弹出" onclick="alert('我是按钮')">
    <div id="btn" class="btn" onmouseover="mouseoverFn()" onmouseout="mouseoutFn()">开始</div>
    <script type="text/javascript">
        var btn=document.getElementById("btn");
        function mouseoverFn(btn){
            btn.style.background="#f00";
        }
        function mouseoutFn(btn){
            btn.style.background="#00f";
        }
    </script>
</body>
</html>

后台报错，那里写错了？在onclick()事件中我不想用this了，想利用document.getElementById(),怎么就不行了呢。另，老师对于HTML事件中调用的函数名后面是必须要加()的吗？

qq_诶姆_0 2017-08-22

源自：JavaScript DOM基础 1-22 DOM属性设置与获取

收起

3回答

好帮手慕糖 2017-08-23 18:50:37

你好，关于java的内容我们专门做前端的人员不是太了解，避免回答的不准确或者产生误导，还是请你请教专业的java人员。js中呢，若添加括号（）就是调用函数，会立马执行，若不添加呢，就是当执行到这个事件的时候才会执行。

祝学习愉快~

收起回答

提问者 qq_诶姆_0 #1

嗯，好的谢谢老师

2017-08-23 18:55:20

提问者 qq_诶姆_0 2017-08-23 14:22:53

private void addOnClick(Element nodeElement,TopoNode node){
        //<menu id="hideNode" label="匿名函数" onclick="xxx()" />
        TopoNodeType type = node.type ;
        if(type == TopoNodeType.NODE && NodeUtil.isChild((String) node.getAttribute("type"))){
            createMenu(nodeElement,"查看日志","viewNodeLog") ;
            createMenu(nodeElement,"查看告警","viewNodeEvent") ;
        }else if(type == TopoNodeType.DATASOURCE){
            String deviceIp = node.getAttribute("deviceIp").toString() ;
            String securityObjectType = (String) node.getAttribute("securityObjectType") ;
            if(SID.currentUser().getAuthority().hasAuthority(deviceIp, securityObjectType)){
                createMenu(nodeElement,"查看日志","viewDataSourceLog") ;
                createMenu(nodeElement,"查看报表","viewDataSourceReport") ;
            }
        }
    }
    
    private Element createMenu(Element nodeElement,String label,String onclick){
        Element menu = nodeElement.addElement("menu") ;
        menu.addAttribute("id", UUIDUtils.compactUUID()) ;
        menu.addAttribute("label", label) ;
        menu.addAttribute("onclick", onclick) ;
        menu.addAttribute("source", nodeElement.attributeValue("id")) ;
        return menu ;
    }

上面的代码太乱了，重写了一下

老师，这个是在java里面的两个方法，这里的onclick后面接入的方法名，比如createMenu(nodeElement,"查看日志","viewDataSourceLog") ;这种viewDataSourceLog后面怎么不加（）呢？这样在.java文件创建的Document的标签元素中会自动识别onclick事件给它加上（）吗？

收起回答

好帮手慕糖 2017-08-23 10:41:58

你好，单击事件是没有问题的呀，报错的是鼠标移入移出的事件，这里没有传参数，然后设置的时候，就不需要设置形参，且若在HTML中，这里是需要添加（）的。修改的代码可参考下列代码：

<input type="button" value="弹出" onclick="alert('我是按钮')">
<div id="btn" class="btn" onmouseover="mouseoverFn()" onmouseout="mouseoutFn()">开始</div>
<script type="text/javascript">
    var btn=document.getElementById("btn");
    function mouseoverFn(){
        btn.style.background="#f00";
    }
    function mouseoutFn(){
        btn.style.background="#00f";
    }
</script>

祝学习愉快~

收起回答

提问者 qq_诶姆_0 #1

private void addOnClick(Element nodeElement,TopoNode node){ //<menu id="hideNode" label="匿名函数" onclick="xxx()" /> TopoNodeType type = node.type ; if(type == TopoNodeType.NODE && NodeUtil.isChild((String) node.getAttribute("type"))){ createMenu(nodeElement,"查看日志","viewNodeLog") ; createMenu(nodeElement,"查看告警","viewNodeEvent") ; }else if(type == TopoNodeType.DATASOURCE){ String deviceIp = node.getAttribute("deviceIp").toString() ; String securityObjectType = (String) node.getAttribute("securityObjectType") ; if(SID.currentUser().getAuthority().hasAuthority(deviceIp, securityObjectType)){ createMenu(nodeElement,"查看日志","viewDataSourceLog") ; createMenu(nodeElement,"查看报表","viewDataSourceReport") ; } } } private Element createMenu(Element nodeElement,String label,String onclick){ Element menu = nodeElement.addElement("menu") ; menu.addAttribute("id", UUIDUtils.compactUUID()) ; menu.addAttribute("label", label) ; menu.addAttribute("onclick", onclick) ; menu.addAttribute("source", nodeElement.attributeValue("id")) ; return menu ; } 老师，这个是在java里面的两个方法，这里的onclick后面接入的方法名，比如createMenu(nodeElement,"查看日志","viewDataSourceLog") ;这种viewDataSourceLog后面怎么不加（）呢？这样在.java文件创建的Document的标签元素中会自动识别onclick事件给它加上（）吗？

2017-08-23 14:20:43
提问者 qq_诶姆_0 #2

private void addOnClick(Element nodeElement,TopoNode node){ //<menu id="hideNode" label="匿名函数" onclick="xxx()" /> TopoNodeType type = node.type ; if(type == TopoNodeType.NODE && NodeUtil.isChild((String) node.getAttribute("type"))){ createMenu(nodeElement,"查看日志","viewNodeLog") ; createMenu(nodeElement,"查看告警","viewNodeEvent") ; }else if(type == TopoNodeType.DATASOURCE){ String deviceIp = node.getAttribute("deviceIp").toString() ; String securityObjectType = (String) node.getAttribute("securityObjectType") ; if(SID.currentUser().getAuthority().hasAuthority(deviceIp, securityObjectType)){ createMenu(nodeElement,"查看日志","viewDataSourceLog") ; createMenu(nodeElement,"查看报表","viewDataSourceReport") ; } } } private Element createMenu(Element nodeElement,String label,String onclick){ Element menu = nodeElement.addElement("menu") ; menu.addAttribute("id", UUIDUtils.compactUUID()) ; menu.addAttribute("label", label) ; menu.addAttribute("onclick", onclick) ; menu.addAttribute("source", nodeElement.attributeValue("id")) ; return menu ; }

2017-08-23 14:21:46