jsp页面常用控件

1.点击按钮返回 上一页：

<input type="submit" value="返回" onclick="javascript :history.back(-1);">

 

2.点击按钮跳转到另一个jsp页面：

<input type="button" onclick="window.location='info/register.jsp'" value="快速注册">

 

3.复选框 ：

<input type=checkbox name='a1'>保存登录名</input><br/>

 

4.背景图片超链接：

<td width=103px style="background:url(images/you.png)">

<a style="text-decoration: none" href="#"><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="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="学生" checked="checked" />学生

<input type="radio" name="identity" value="教师" />教师

<input type="radio" name="identity" value="管理员" />管理员

把三个 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="tuangou/tuansearch.jsp?tuankey=<%=request.getParameter("tuankey")%>&tpid=<%=request.getParameter("tpid")%>&page=<c:out value='<%=(ssh)%>'/>">下一页</a>　第<%=(ssh-1)%>页</div>

 

15.点击按钮生成一个文本框：

<button onclick="javascript:document.body.innerHTML+='<input type=text><br>';">点我生成一个文本框</button>

 

16.js中的字符串分割函数：

str="2,2,3,5,6,6"; //这是一字符串

var strs= new Array(); //定义一数组

strs=str.split (","); //字符分割 

for (i=0;i<strs.length ;i++ ) { 

      document.write(strs[i]+"<br/>"); //分割后的字符输出

}

 

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="0">请选择...</option>

</select>

alert($("#yewuyuan").find("option:selected").text())

或：alert($("#yewuyuan option:checked").text());

 

$("#yewuyuan ").val();

 

22.中文乱码 ：

get请求:

String  stuname = request.getParameter("stuname");

String str = new String(stuname.getBytes("ISO-8859-1"),"utf-8")

post请求：

request. setCharacterEncoding("UTF-8");

 

23.js中获得当前系统时间 ：

var myDate = new Date();    

var mytime=myDate.toLocaleTimeString();

 

24.js丢弃小数部分,保留整数部分

js:parseInt(7/2)

 

25.超链接去掉下划线：

style="text-decoration: none"

 

26.table合并行或列：

<tr align="center"><td colspan=3 >星期一菜谱</td></tr>  合并3列成一列

<tr align="center"><td rowspan=2 >素菜</td><td>茄子</td><td>扁豆</td></tr>

<tr align="center"><td>豆腐</td><td>白菜</td></tr>  合并2行成一行

 

27.js正则表达式验证手机号码 ：

var reg =/(^0{0,1}1[3|4|5|6|7|8|9][0-9]{9}$)/;

    if(!reg.test(num1)){

        var mes="<font color=red>您输入的手机号码不正确，请重新输入！</red>"; 

        $("#mes").html(mes);    

        return;

    }

 

28.js取整 ：

丢弃小数部分,保留整数部分 

js:parseInt(7/2) 

向上取整,有小数就整数部分加1 

js: Math.ceil(7/2) 

四舍五入 

js: Math.round(7/2) 

向下取整 

js: Math.floor(7/2)

 

parseInt(str)

 

29.jsp页面添加锚点 ：

<a href="wap/tuangou/cityindex.jsp#a ">A</a>

<a name="a" >A</a>

 

30.div中添加滚动条 ：

<div style=" overflow:scroll"> 这里是你要显示的内容 </div>

如果要出现水平滚动条，则： overflow-x:auto

同理，垂直滚动条为： overflow-y:auto

 

31.页面获取回车事件 并提交表单：s

<script language="javascript" for="document" event="onkeydown">

    if (event.keyCode == 13)

    {

        document.getElementById("login").click();

    }

</script>

 

32.jquery获取table中的值 ：

//点击保存某个答案

    function saveone(obj){

       //序号

       var ide=$(obj).parent().parent().parent().children().eq(0).children().eq(0).children().eq(0).val();       

       alert(ide);

    }

 

33.jquery获取被选中单选框 的值：

var myname='key'+myserial;

alert(myname);

var thekey=$("input[name='"+myname+"']:checked").val();

alert(thekey);

 

34.jquery获取被选中的复选框 的值：

$("[name='"+myname+"']:checked").each(function(){

        var i=parseInt($(this).val());

         thekey+=i;

})

 

35.jquery获取table的每一行的第一列 数据

    $("#myques tr").each(function(){

        var $thisTr = $(this);

        var $thisFirstTd = $("td:eq(0)",$thisTr );

        alert($thisFirstTd.text());

    });

 

36.jquery获取table的行数 

    var t01 = $("#myques tr").length;

 

37.jquery给变量id 赋值

$('#'+id).val(allparams);

 

38.fmt 标签：

 <fmt:formatDate value="${projectVo.createTime}" type="both" pattern="yyyy-MM-dd HH:mm:ss"/>