为了账号安全,请及时绑定邮箱和手机立即绑定

为什么没加括号可以,加了反而不行

为什么没加括号可以,加了反而不行

ABOUTYOU 2022-07-20 15:11:44
//点击登录按钮显示登录层addEvent(login_btn,"click",showLogin);//点击关闭按钮隐藏登录层// 执行代码addEvent(close,"click",hideLogin);为什么这个里面调用showLogin()和hideLogin()函数不用加小括号()***************************************************以下代码区域****************************************************<!doctype html><html><head><meta charset="UTF-8"><title>Document</title><style>* {margin: 0;padding: 0;}.head {font-size: 12px;padding: 6px 0 0 10px;}#login_box {width: 300px;height: 150px;background: #eee;border: 1px solid #ccc;position: absolute;left: 50%;top: 50%;margin-left: -150px;margin-top: -75px;display: none;}#login_box p {height: 20px;border-bottom: 1px solid #ccc;font-size: 12px;padding: 6px 0 0 5px;font-weight: bold;}#close {width: 14px;height: 14px;background: url(close.png) no-repeat;position: absolute;right: 4px;top: 6px;}</style><script>window.onload = function() {var login_btn = document.getElementById('login'),login_box = document.getElementById('login_box'),close = document.getElementById('close');// 封装添加事件监听程序function addEvent(ele, type, handler) {// 执行代码if (ele.addEventListener) {ele.addEventListener(type, handler, false);} else if (ele.attachEvent) {ele.attachEvent("on" + type, handler);} else {ele["on" + type] = handler;}}// 显示登录层函数function showLogin() {// 执行代码login_box.style.display = "block";}// 隐藏登录层函数function hideLogin() {// 执行代码login_box.style.display = "none";}//点击登录按钮显示登录层// 执行代码addEvent(login_btn,"click",showLogin);//点击关闭按钮隐藏登录层// 执行代码addEvent(close,"click",hideLogin);}</script></head><body><div class="head">亲,您好!<input type="button" value="登 录" id="login"></div><div id="login_box"><p>用户登录</p><span id="close"></span></div></body></html>
查看完整描述

2 回答

?
喵喔喔

TA贡献1735条经验 获得超5个赞

没加括号是因为想到与告诉js你在绑定事件的时候,需要执行的方法名子,他会自动根据你的名字来执行方法。
你自己手动调用的时候就得加上括号比如你的addEvent()方法。

查看完整回答
反对 回复 2022-07-24
?
牧羊人nacy

TA贡献1862条经验 获得超7个赞

你这个是添加事件,不算是调用方法。在方法调用的时候肯定是要加括号的。如果你是调用实例就没有括号了

查看完整回答
反对 回复 2022-07-24
  • 2 回答
  • 0 关注
  • 93 浏览

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号