jsp页面常用控件
1.点击按钮返回上一页：<input type="submit" value="返回" >
2.点击按钮跳转到另一个jsp页面：
<input type="button"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.checked)
{
alert(document.form1.place.value);
}
}
或：var type=document.getElementsByName("cate");
for(i=0;i<type.length;i++){
if(type.checked)
{
tag=type.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 >点我生成一个文本框</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+"<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);
20.js中判断变量是否undefined：
if (typeof(temp) == "undefined"){
alert("undefined");
}
21.获取被选中下拉框的值：
<selectid="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{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:checked").val();
alert(thekey);
34.jquery获取被选中的复选框的值：
$(":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);
页:
[1]