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

jsp页面常用控件的更多相关文章

  1. Android中常用控件及属性

    在之前的博客为大家带来了很多关于Android和jsp的介绍,本篇将为大家带来,关于Andriod中常用控件及属性的使用方法,目的方便大家遗忘时,及时复习参考.好了废话不多讲,现在开始我们本篇内容的介 ...

  2. DevExpress winform XtraEditor常用控件

    最近在公司里面开始使用DevExpress winform的第三方控件进行开发和维护,这里整理一些常用控件的资料以便于后续查看 ComboBoxEdit 这个控件和winform自带的控件差不多,使用 ...

  3. [转]easyui常用控件及样式API中文收藏

    [转]easyui常用控件及样式收藏 2013-05-06 23:01 30612人阅读 评论(0) 收藏 举报  分类: java ee(5)  目录(?)[+] CSS类定义: div easyu ...

  4. MFC学习 标签页与属性页及各常用控件使用

    参考 http://blog.csdn.net/anye3000/article/details/6700023 CTabCtrl: BOOL CTabTestDlg::OnInitDialog() ...

  5. B/S一些小知识及常用控件

    一: B/S网页的运行 页面在设计的时候,本身就是一个类.在运行的时间,是一个对象. 其中aspx和aspx.cs是在同一个类下. aspx是主要是负责界面,而aspx.cs主要是负责数据逻辑. 呈现 ...

  6. Windows Phone开发(11):常用控件(下)

    原文:Windows Phone开发(11):常用控件(下) WP控件大部分都可以从Silverlight中继承过来,这里我也只能拿一部分作演示,对于其它控件如何使用,可以参考SDK相关说明以及Sil ...

  7. Windows Phone开发(10):常用控件(上)

    原文:Windows Phone开发(10):常用控件(上) Windows Phone的控件有几个来源,和传统的桌面应用程序开发或Web开发一样,有默认提供的控件和第三方开者发布的控件.一般而言,如 ...

  8. android内部培训视频_第三节(3)_常用控件(ViewPager、日期时间相关、ListView)

    第三节(2):常用控件之ViewPager.日期时间相关.ListView  一.ViewPager 实例:结合PagerAdapter滑动切换图片  二.日期时间相关:AnalogClock\Dig ...

  9. [WinForm]WinForm跨线程UI操作常用控件类大全

    前言 在C#开发的WinForm窗体程序开发的时候,经常会使用多线程处理一些比较耗时之类的操作.不过会有一个问题:就是涉及到跨线程操作UI元素. 相信才开始接触的人一定会遇上这个问题. 为了解决这个问 ...

随机推荐

  1. Power BI for Office 365(二)Power Query

    在上一篇中我们看到了Power BI在移动端的支持,从这一篇起降依次介绍Power BI中的各个功能组件,此篇讲通过一个故事来介绍如何在Power Query中获取并且组织数据. 在这个系列中,我们将 ...

  2. 8-05分支结构CASE..END

    语法: CASE WHEN  条件1 THEN 结果1 WHEN  条件2  THEN 结果2 ...ELSE  其他结果 END 执行顺序: 条件1成立执行结果1 条件2成立执行结果2 如果所有WH ...

  3. Linux 第04天

    Linux 第04天 1.系统设置工具(网络和打印机)和硬件检测 1.1 setup工具 1.1.1 用户身份验证设置 1.1.2 网络配置 1.1.3 防火墙设置 1.1.4 键盘形式设置 1.1. ...

  4. Xcode修改storyboard大小

    1: 2:

  5. Daily Scrum Meeting ——SixthDay

    一.Daily Scrum Meeting照片 佳恺请假了...可能去约会了罢 二.Burndown Chart 欣慰,但是还是感到"鸭梨山大"! 三.项目进展 1.活动列表查询功 ...

  6. MYSQL trigger 个人记录

    同学要写个trigger,稍微帮他研究了下 以下主要是个人猜想理解的 主要讲update 我们在创建trigger时,数据库会对创建了trigger的表进行事件监听. 当表中的一条记录发生update ...

  7. java 正则表达式

    1.首先是说明一些容易混淆的符号 \w    Matches any word character. \W    Matches any non-word character. 如果是在java中的话 ...

  8. EasyTouch绑定事件在电脑上点击有效Android上无效的解决方法

    最近做一个RPG类的游戏发现使用EasyTouch虚拟摇杆插件在电脑上点击有效Android上无效,查找资料发现是Easy Joystick中的一个属性interaction type要设置成 Dir ...

  9. sublime3+quick3.5 完整使用教程

    sublime3+quick3.5 完整使用教程 Administrator   2015-07-15 14:43:08 1. 安装Sublime3   2. 注册Sublime3     Help- ...

  10. MVC无刷新分页(即局部刷新,带搜索,页数选择,排序功能)

    我查看了很多网站,大部分评论分页都是局部刷新的,可大部分电商商品展示分页都是有刷新页面的,于是我便做了一个商品展示无刷新分页的例子.接下来我就将做一个模仿淘宝已买到的宝贝功能,不过我的是无刷新分页的. ...