JSP页面常用控件及操作

最新推荐文章于 2023-09-16 11:43:58 发布

xiaoheibaqi

最新推荐文章于 2023-09-16 11:43:58 发布

阅读量2.5k

点赞数

分类专栏：编程基础文章标签：控件 jsp 操作

编程基础专栏收录该内容

19 篇文章 1 订阅

订阅专栏

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

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

3.复选框：

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

4.背景图片超链接：

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代码：

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

<button οnclick="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()函数）：

18.文本域：

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>

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正则表达式验证手机号码：

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页面添加锚点：

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"/>

39.white-space:nowrap

div设置了高和宽，里面的文本（中文）会随着div的宽度自动换行。你不想也行，加上white-space:nowrap即可

40.js控制disabled属性：

document.getElementById("控件ID").disabled=true; 不可编辑状态
document.getElementById("控件ID").disabled=false; 可编辑状态

41.float保留两位小数（金钱处理）：

float money = (Float.parseFloat("5.54")-Float.parseFloat("5.2"));
System.out.println("******"+money+"*******");
DecimalFormat decimalFormat=new DecimalFormat("##0.00");//构造方法的字符格式这里如果小数不足2位,会以0补足.

String pri = decimalFormat.format(money);//format 返回的是字符串

转自：http://xiaoxiaomuyu.iteye.com/blog/1578391