编写js代码, 1. 为站内信及其它一级菜单添加单击事件的事件处理程,展开或折叠相关菜单。 2. 为学生信息管理及其它二级菜单添加单击事件的事件处理程序,在右侧iframe中显示对应页面。 3. 为信息管理“站内信”按钮添加单击事件的事件处理程序,显示或隐藏站内信列表
时间: 2023-06-23 11:08:04 浏览: 94
以下是一个简单的示例代码,实现了上述三个功能:
```
// 获取菜单元素
var firstMenus = document.querySelectorAll('.first-menu');
var secondMenus = document.querySelectorAll('.second-menu');
// 为一级菜单添加单击事件
for (var i = 0; i < firstMenus.length; i++) {
firstMenus[i].addEventListener('click', function() {
var subMenus = this.nextElementSibling;
if (subMenus.style.display === 'block') {
subMenus.style.display = 'none';
} else {
subMenus.style.display = 'block';
}
});
}
// 为二级菜单添加单击事件
for (var j = 0; j < secondMenus.length; j++) {
secondMenus[j].addEventListener('click', function() {
var pageName = this.getAttribute('data-page');
var iframe = document.querySelector('#content-iframe');
iframe.src = pageName;
});
}
// 添加站内信按钮事件
var messageBtn = document.querySelector('#message-btn');
var messageList = document.querySelector('#message-list');
messageBtn.addEventListener('click', function() {
if (messageList.style.display === 'block') {
messageList.style.display = 'none';
} else {
messageList.style.display = 'block';
}
});
```
注意,上述代码中的选择器和元素 ID 都是示例,需要根据实际情况进行修改。同时,实际项目中可能需要处理更复杂的逻辑和交互,需要根据实际需要进行优化和改进。
阅读全文