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"/>
jsp页面常用控件的更多相关文章
- Android中常用控件及属性
在之前的博客为大家带来了很多关于Android和jsp的介绍,本篇将为大家带来,关于Andriod中常用控件及属性的使用方法,目的方便大家遗忘时,及时复习参考.好了废话不多讲,现在开始我们本篇内容的介 ...
- DevExpress winform XtraEditor常用控件
最近在公司里面开始使用DevExpress winform的第三方控件进行开发和维护,这里整理一些常用控件的资料以便于后续查看 ComboBoxEdit 这个控件和winform自带的控件差不多,使用 ...
- [转]easyui常用控件及样式API中文收藏
[转]easyui常用控件及样式收藏 2013-05-06 23:01 30612人阅读 评论(0) 收藏 举报 分类: java ee(5) 目录(?)[+] CSS类定义: div easyu ...
- MFC学习 标签页与属性页及各常用控件使用
参考 http://blog.csdn.net/anye3000/article/details/6700023 CTabCtrl: BOOL CTabTestDlg::OnInitDialog() ...
- B/S一些小知识及常用控件
一: B/S网页的运行 页面在设计的时候,本身就是一个类.在运行的时间,是一个对象. 其中aspx和aspx.cs是在同一个类下. aspx是主要是负责界面,而aspx.cs主要是负责数据逻辑. 呈现 ...
- Windows Phone开发(11):常用控件(下)
原文:Windows Phone开发(11):常用控件(下) WP控件大部分都可以从Silverlight中继承过来,这里我也只能拿一部分作演示,对于其它控件如何使用,可以参考SDK相关说明以及Sil ...
- Windows Phone开发(10):常用控件(上)
原文:Windows Phone开发(10):常用控件(上) Windows Phone的控件有几个来源,和传统的桌面应用程序开发或Web开发一样,有默认提供的控件和第三方开者发布的控件.一般而言,如 ...
- android内部培训视频_第三节(3)_常用控件(ViewPager、日期时间相关、ListView)
第三节(2):常用控件之ViewPager.日期时间相关.ListView 一.ViewPager 实例:结合PagerAdapter滑动切换图片 二.日期时间相关:AnalogClock\Dig ...
- [WinForm]WinForm跨线程UI操作常用控件类大全
前言 在C#开发的WinForm窗体程序开发的时候,经常会使用多线程处理一些比较耗时之类的操作.不过会有一个问题:就是涉及到跨线程操作UI元素. 相信才开始接触的人一定会遇上这个问题. 为了解决这个问 ...
随机推荐
- Power BI for Office 365(二)Power Query
在上一篇中我们看到了Power BI在移动端的支持,从这一篇起降依次介绍Power BI中的各个功能组件,此篇讲通过一个故事来介绍如何在Power Query中获取并且组织数据. 在这个系列中,我们将 ...
- 8-05分支结构CASE..END
语法: CASE WHEN 条件1 THEN 结果1 WHEN 条件2 THEN 结果2 ...ELSE 其他结果 END 执行顺序: 条件1成立执行结果1 条件2成立执行结果2 如果所有WH ...
- Linux 第04天
Linux 第04天 1.系统设置工具(网络和打印机)和硬件检测 1.1 setup工具 1.1.1 用户身份验证设置 1.1.2 网络配置 1.1.3 防火墙设置 1.1.4 键盘形式设置 1.1. ...
- Xcode修改storyboard大小
1: 2:
- Daily Scrum Meeting ——SixthDay
一.Daily Scrum Meeting照片 佳恺请假了...可能去约会了罢 二.Burndown Chart 欣慰,但是还是感到"鸭梨山大"! 三.项目进展 1.活动列表查询功 ...
- MYSQL trigger 个人记录
同学要写个trigger,稍微帮他研究了下 以下主要是个人猜想理解的 主要讲update 我们在创建trigger时,数据库会对创建了trigger的表进行事件监听. 当表中的一条记录发生update ...
- java 正则表达式
1.首先是说明一些容易混淆的符号 \w Matches any word character. \W Matches any non-word character. 如果是在java中的话 ...
- EasyTouch绑定事件在电脑上点击有效Android上无效的解决方法
最近做一个RPG类的游戏发现使用EasyTouch虚拟摇杆插件在电脑上点击有效Android上无效,查找资料发现是Easy Joystick中的一个属性interaction type要设置成 Dir ...
- sublime3+quick3.5 完整使用教程
sublime3+quick3.5 完整使用教程 Administrator 2015-07-15 14:43:08 1. 安装Sublime3 2. 注册Sublime3 Help- ...
- MVC无刷新分页(即局部刷新,带搜索,页数选择,排序功能)
我查看了很多网站,大部分评论分页都是局部刷新的,可大部分电商商品展示分页都是有刷新页面的,于是我便做了一个商品展示无刷新分页的例子.接下来我就将做一个模仿淘宝已买到的宝贝功能,不过我的是无刷新分页的. ...