JSP页面技巧:弹窗、刷新与单选按钮应用
需积分: 3 180 浏览量
更新于2024-09-15
收藏 115KB DOC 举报
"jsp知识积累"
在JavaServer Pages (JSP) 开发中,有几点重要的技术要点和实践经验值得我们关注。这些包括弹出窗口的处理、页面自动刷新、单选按钮的应用以及日期比较等。
首先,关于弹出窗口页面在原有窗口打开,这通常涉及到`<base>`标签的使用。`<base target="_self">`指示所有链接在当前窗口中打开,而不是新窗口。为了确保其有效,需要将此标签置于`<head>`标签内,并且在任何其他样式或脚本加载之前。例如:
```html
<head>
<base target="_self">
<!-- 其他样式和脚本 -->
</head>
```
页面自动刷新则通过HTTP响应头或者JavaScript实现。在JSP中,可以使用以下代码防止页面缓存并设置定时刷新:
```jsp
<%
response.setHeader("Pragma", "No-Cache");
response.setHeader("Cache-Control", "No-Cache");
response.setDateHeader("Expires", 0);
%>
```
对于JavaScript的自动刷新,可以在`<head>`标签内添加`<meta>`标签,如下所示:
```html
<head>
...
<meta http-equiv="refresh" content="60"> <!-- 每60秒刷新一次 -->
</head>
```
单选按钮的使用中,需要注意当选项只有一个时,应处理可能的异常。例如,如果只有一项可选,`waterid.length`会报错,因为它不是一个数组。为此,可以添加一个隐藏的单选按钮,使得`waterid`始终有两个元素:
```html
<input type="radio" name="waterId" style="display:none">
```
对于多选按钮,一般用于提供多个可选选项,获取选中值时,可以使用循环遍历所有选项,如下所示:
```javascript
var selectedValues = [];
var checkboxes = document.getElementsByName('checkboxName');
for(var i=0; i<checkboxes.length; i++) {
if(checkboxes[i].checked) {
selectedValues.push(checkboxes[i].value);
}
}
```
此外,`onchange`事件常常与动态Web应用程序结合,比如使用Direct Web Remoting (DWR) 实现数据交互。例如,当用户更改下拉框选择时,可以调用DWR服务更新页面上的其他信息:
```javascript
<select onchange="updateInfo()">
<!-- 下拉选项 -->
</select>
<script>
function updateInfo() {
// DWR调用,传递选择的值并接收服务器返回的数据
DWREngine.invokeMethod('YourDWRService', 'updateData', [selectedValue], function(data) {
// 更新页面内容
});
}
</script>
```
最后,日期比较在JSP中也非常重要。Java的`Date`对象提供了比较日期的方法,如`after()`, `before()` 和 `equals()`:
```java
Date a = new Date(); // 实例化日期a
Date b = new Date(); // 实例化日期b
if (a.after(b)) {
System.out.println("a在b之后");
} else if (b.before(a)) {
System.out.println("b在a之前");
} else {
System.out.println("a和b相等");
}
```
以上就是JSP开发中关于弹出窗口、页面刷新、单选按钮和日期比较等知识点的总结,这些都是构建动态网页时经常会遇到的技术细节。
2011-06-13 上传
2023-06-30 上传
2008-10-31 上传
125 浏览量
115 浏览量
2009-09-29 上传
484 浏览量
2023-07-04 上传
2009-04-23 上传
wzlsmile
- 粉丝: 1
- 资源: 8
最新资源
- Community Server专题.pdf
- Vim用户手册,VIM入门好书。
- 华为公司(南京上海)笔试题大全
- 使用.NET和Vss进行团队开发
- Developing J2EE Applications with the UML and Rational Rose
- C#深入浅出全接触和一些基本的介绍
- 单运算放大器,中文版。介绍运放的常用电路。
- 电脑硬盘维修资料(word格式)
- 无线电遥控器的工作原理及红外线原理
- Effcient C++ Programming Techniques
- 轻松搞定 sql server 2000 程序设计.pdf
- Java 多线程编程详解
- MyEclipse 6 Java EE 开发中文手册
- 子网掩码划分 计算机等级考试四级网络工程师
- Keil 与proteus 连接调试
- Ajax for Dummies.pdf