JSP页面技巧：弹窗、刷新与单选按钮应用
需积分: 3 92 浏览量
更新于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开发中关于弹出窗口、页面刷新、单选按钮和日期比较等知识点的总结，这些都是构建动态网页时经常会遇到的技术细节。
Jsp 页面知识积累
弹出窗口页面在原有窗口打开
<base target="_self">：表示在原有窗口打开。需要弹出窗口提交信息后，仍
然返回到弹出的页面上，而不是另外打开窗口。注意<base target="_self">的位
置，在<head></head>里面，而且在 base 标签之前，没有任何载入样式和脚本。
Eg:
注意位置，否则这个<base target="_self">会出现无效的情况。
页面自动刷新
其中表示自动刷新页面，放在 head 里面
下载后可阅读完整内容，剩余6页未读，立即下载
2011-06-13 上传
2023-06-30 上传
2008-10-31 上传
2010-06-24 上传
2014-12-19 上传
2009-09-29 上传
2009-03-18 上传
2023-07-04 上传
2009-04-23 上传
wzlsmile
- 粉丝: 1
- 资源: 8
我的内容管理
展开
最新资源
- 探索数据转换实验平台在设备装置中的应用
- 使用git-log-to-tikz.py将Git日志转换为TIKZ图形
- 小栗子源码2.9.3版本发布
- 使用Tinder-Hack-Client实现Tinder API交互
- Android Studio新模板：个性化Material Design导航抽屉
- React API分页模块：数据获取与页面管理
- C语言实现顺序表的动态分配方法
- 光催化分解水产氢固溶体催化剂制备技术揭秘
- VS2013环境下tinyxml库的32位与64位编译指南
- 网易云歌词情感分析系统实现与架构
- React应用展示GitHub用户详细信息及项目分析
- LayUI2.1.6帮助文档API功能详解
- 全栈开发实现的chatgpt应用可打包小程序/H5/App
- C++实现顺序表的动态内存分配技术
- Java制作水果格斗游戏：策略与随机性的结合
- 基于若依框架的后台管理系统开发实例解析
