微科社区,轻松开发从此开始! 请登陆 免费注册

微科社区

当前位置:首页 > Java平台 > Servlet/JSP >

jsp页面常用控件介绍

时间:2017-01-08 04:01  浏览:努力统计中...
1.点击按钮返回上一页: input type= submit value= http://www.cn-java.com/www1/返回 onclick= javascript :history.back(-1); 2.点击按钮跳转到另一个jsp页面: input type= button onclick= window.location= info/register

1.点击按钮返回上一页:
<input type="submit" value="http://www.cn-java.com/www1/返回" onclick="javascript :history.back(-1);">

2.点击按钮跳转到另一个jsp页面:
<input type="button" onclick="window.location='info/register.jsp'" value="http://www.cn-java.com/www1/快速注册">

3.复选框:
<input type=checkbox name='a1'>保存登录名</input><br/>

4.背景图片超链接:
<td width=103px style="background:url(images/you.png)">
<a style="text-decoration: none" href="http://www.cn-java.com/www1/#"><font color=white><b>评价</b></font></a>
</td>

5.在js中获取html中表单元素的value值:
function show() { alert(document.getElementById("txt").value) }

6.在js中打开另一个jsp页面:
function to(){ window.location.href="http://www.cn-java.com/www1/index.jsp"; }

7.在js中给从表单传过来的中文用户名编码:
var username=encodeURI(document.getElementById("username").value);

8.servlet端处理jsp页面传递过来的中文:
String username=URLEncoder.encode(request.getParameter("username"),"utf-8");
 
9.js中判断jsp中的复选框是否被选中:
if(document.getElementById("checkboxID").checked){ alert("checkbox is checked"); }
 
10.由jsp表单向servlet传递中文变量的技巧:
先在js中处理,然后提交给servlet
var username='<%=request.getParameter("username")%>';
username=encodeURI(username);
 
11.单选按钮的问题:
<input type="radio" name="identity" value="http://www.cn-java.com/www1/学生" checked="checked" />学生
<input type="radio" name="identity" value="http://www.cn-java.com/www1/教师" />教师
<input type="radio" name="identity" value="http://www.cn-java.com/www1/管理员" />管理员
把三个 name 设置一样才可以单选。
 
12.js中如何判断单选按钮被选中:
for(i=0;i<document.form1.place.length;i++){ 
          if(document.form1.place[i].checked) 
          {
              alert(document.form1.place[i].value);
          } 
    } 
 
或:var type=document.getElementsByName("cate");
    for(i=0;i<type.length;i++){
        if(type[i].checked)
        {
            tag=type[i].value;
        }
    }       
 
13.在servlet中给jsp页面传来的搜索关键字编码:
String kw=URLEncoder.encode(request.getParameter("kw"),"utf-8");
 
14.分页自增问题:
<%Integer ssh=Integer.parseInt(request.getParameter("page"))+1;%>要引一下java.lang.*包
jsp代码:
<div><a href="http://www.cn-java.com/www1/tuangou/tuansearch.jsp?tuankey=<%=request.getParameter("tuankey")%>&tpid=<%=request.getParameter("tpid")%>&page=<c:out value='http://www.cn-java.com/www1/<%=(ssh)%>'/>">下一页</a> 第<%=(ssh-1)%>页</div>
 
15.点击按钮生成一个文本框:
<button onclick="javascript:document.body.innerHTML+='<input type=text><br>';">点我生成一个文本框</button>
 
16.以图片作背景的按钮:
(两种方式)
<input type=button value="http://www.cn-java.com/www1/注 册" style="width:100px;height:34px;background-image:url(images/zho.png)">
<DIV style="text-align:center;line-height:34px;BACKGROUND: url(images/zho.png); WIDTH: 100px; HEIGHT: 34px">注 册</DIV>
 
17.对文字onclick(点击Test会调用test()函数):
<a href="javascript:test()" >Test</a>

18.文本域:
<textarea rows="10" cols="30" id="cont">您的意见:</textarea>
 
19.js中分割字符串:
var a="a?b?c";
var arr=a.split("?");
alert(arr[0]);

20.js中判断变量是否undefined:
if ( typeof (temp) == "undefined" ){
    alert("undefined" );
}
 
21.获取被选中下拉框的值:
<select id="yewuyuan">
<option value="http://www.cn-java.com/www1/0">请选择...</option>
</select>
alert($("#yewuyuan").find("option:selected").text())
或:alert($("#yewuyuan option:checked").text());


    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    ------分隔线------
    栏目列表
    推荐内容