头文件:
<div class="header">
<div class="loginout">
Dear Cloud User, welcome back...
<span><a href="<%=request.getContextPath() %>/user/login.jsp">login out</a> </span>
</div>
</div>
<div class="bannermenu">
<ul>
<li id="top0" class="noselect">*</li>
<li id="top1" class="noselect">*</li>
<li id="top2" class="noselect"><a href="">*</a></li>
<li id="top3" class="noselect"><a href="">*</a></li>
</ul>
</div>
js文件
function getClassNameTop(classNameId){
for ( var i = 0; i < 4; i++)
{
if (classNameId == i)
document.getElementById("top"+i).className = "select";
else
document.getElementById("top"+i).className = "noselect";
}
}
在其他页面中导入头文件和js文件:
<body>
<div class="container">
<jsp:include page="top.jsp"></jsp:include>
.
.
.
<script type="text/javascript">
getClassNameTop(3);
</script>
</body>
分享到:
相关推荐
例如,在JSP页面的头部添加: ```jsp ;charset=GB2312" %> ``` - 或者在处理请求的方法中添加相应的编码设置,如: ```java request.setCharacterEncoding("GB2312"); ``` 以上知识点涵盖了JSP基础概念、...
- **答案解析:**当表单中有多个相同名称的多选框时,可以使用`request.getParameterValues()`来获取所有选中的值。 **6. Web应用程序的打包格式** - **问题描述:**Web应用被打包成什么格式? - **答案解析:*...
9. **编码规范与字符集**:注意到JSP文件头部声明了`contentType="text/html; charset=utf-8"`,确保了页面内容以UTF-8编码,避免中文乱码问题。 10. **Java Web应用架构**:虽然文中没有提到SSH(Struts+Spring+...
- 通过JSP的`include`指令或`jsp:include`标签来实现页面的复用和组织,比如将头部、底部等公共部分抽取出来。 5. **前端技术**: - 页面展示可能结合HTML、CSS和JavaScript,其中JavaScript可以用于实现页面的...
2. **导航栏构建**:使用jQuery来实现主导航栏的动态效果,如鼠标悬停时的下拉菜单显示,点击后的选中状态等。这需要对jQuery的事件监听和DOM操作有深入理解。 3. **Ajax交互**:如果项目涉及到数据的获取或提交,...
`headerKey`和`headerValue`用于创建默认的头部选项,`value`属性指定初始选中的值。`theme`可以改变标签的样式,`name`和`id`则用于表单处理和DOM操作。开发者可以根据实际需求灵活地配置这些属性,实现复杂的下拉...
示例中特别强调了在JSP页面中去除HTML标签的head、body以及头部文件。这是因为加载含有头部和body标签的完整HTML页面可能会导致浏览器将页面内容缓存起来,当下次请求同一页面时,浏览器可能会直接从缓存中加载,而...
- MyEclipse会自动生成JSP文件的基本结构,包括HTML头部和尾部,以及用于放置Java代码的位置。 3. **启动Tomcat服务器** - 在MyEclipse中找到服务器视图(通常位于底部或右侧)。 - 点击Tomcat服务器图标启动...
界面布局应注重用户体验,合理划分区域,如头部导航栏、主体内容区、侧边栏和底部信息等。同时,色彩搭配要和谐,字体大小和样式要统一,以确保视觉上的舒适度。 进入技术层面,JSP是构建bookShop前台界面的核心。...
在例子中,`manage_head.jsp`被包含进`manage_user.jsp`,这使得`manage_user.jsp`能够共享`manage_head.jsp`中的通用头部元素,如HTML结构、标签库引用、JavaScript和CSS文件,以及安全性检查。这种做法提高了代码...
CSS可以定义字体、颜色、边距、对齐方式等,通过选择器选中HTML元素并为其指定样式规则。 除此之外,为了提高用户体验和页面加载速度,可能还运用了Ajax(Asynchronous JavaScript and XML)技术,实现在不刷新整个...
`<c:forEach>`标签是JSP中的循环标签,用于动态生成项目选项。`<span id="timeText">`和`<select id="timeSelect">`元素是与jQuery代码中响应事件的部分相对应的元素。 总结一下,这个示例展示了如何使用jQuery监听...
- **解释**: 这里使用了一个字符串数组作为数据源,`theme="simple"`指定了简单的样式主题,`headerKey="00"`和`headerValue="00"`定义了头部选项。 ##### 示例2: 使用Map作为数据源 ```xml ,2:'bb',3:'cc'}" ...
本篇文章将详细探讨如何通过JavaScript实现一个功能:即在JSP列表页面上保存复选框的状态,即使在翻页操作后也能保持之前选中的状态。 #### 关键概念和技术栈 1. **JSP (Java Server Pages)**: 是一种用于生成动态...
完成上述配置后,在需要使用自定义标签的JSP文件的头部添加以下代码: ```jsp ``` 注意:这里的`prefix`值虽然可以自定义,但推荐设置为`bonc`,以便与示例保持一致。 #### 使用Options标签 `options`标签是从...
【JavaEE 实验程序集】是清华大学 JSP课程的一个实践环节,主要目的是让学生掌握Web开发中的基础技术,尤其是与JSP相关的知识。这个实验涵盖了多种技术,包括HTML表单、JSP、JavaScript以及网络资源的利用。以下是...
- `headerKey`和`headerValue`:用于在第一个下拉列表添加一个默认的头部项。 - `value`:指定当前选中的值,可以是单个值或数组,对应于`listKey`的值。 - `multiple`:如果设为`true`,则允许多选。 - `...
例如,通过`cssClass`属性可以设置样式类,`headerKey`和`headerValue`用于在`<s:select>`中添加头部选项。 总的来说,Struts2的标签提供了一套完整的解决方案,帮助开发者构建出结构清晰、易于维护的JSP页面,是...
此外,文章还展示了JSP页面的一些基础配置,例如页面头部的`<meta>`标签用于设置缓存控制,`<base>`标签用于指定基准URL等。这些都是在开发中需要考虑的页面基础配置。 在实际的Web开发中,选择合适的方法来获取复...