JSP常用的控件

JavaScript021

JSP常用的控件,第1张

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=0i<document.form1.place.lengthi++){

if(document.form1.place[i].checked)

{

alert(document.form1.place[i].value)

}

}

或:var type=document.getElementsByName("cate")

for(i=0i<type.lengthi++){

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=0i<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)

1、cypress

Cypress是新一代前端测试框架,它基于node js。解决了开发人员和QA工程师在测试现代应用程序时面临的关键难点问题。

2、rollup

rollup是一款小巧的javascript模块打包工具,更适合于库应用的构建工具可以将小块代码编译成大块复杂的代码,基于ES6 modules,它可以让你的 bundle 最小化,有效减少文件请求大小

3、day.js

2KB 不可变日期和时间库。

4、immer.js

Immer核心实现是利用 ES6 的 proxy,几乎以最小的成本实现了 js 的不可变数据结构,简单易用、体量小巧、设计巧妙,满足了我们对JS不可变数据结构的需求。

5、jsdoc

JSDoc 是一个根据 JavaScript 文件中注释信息,生成 JavaScript 应用程序或模块的API文档的工具。你可以使用 JSDoc 标记如:命名空间,类,方法,方法参数等。从而使开发者能够轻易地阅读代码,掌握代码定义的类和其属性和方法,从而降低维护成本,和提高开发效率。

6、ramda.js

一款实用的 JavaScript 函数式编程库。

7、p-limit

以有限的并发运行多个承诺返回和异步函数

可以限制Javascript中的promise或同时阻止来自服务器的所有请求调用。

8、Akta

为Javascript应用程序量身定制的状态管理库

9、js-cookie

用于处理浏览器cookie的轻量级Javascript API。

就是一些用Javascript写好的功能,可能是有界面的,也可能是没有界面的。

比较常见的比如一些网页上有日期选择的效果,一般都是用所谓的javascript控件实现的。