jsp注意点

来源：互联网发布：俄罗斯共青城现状知乎编辑：程序博客网时间：2024/05/01 08:13

1.Jsp 基础：

0：脚本样式导入，格式设置

<head>

<title>JQuery实战1-用户名校验</title>

</head>

1.数组排序：

var a = [33, 4, 1111, 222];

a.sort(); // Alphabetical order: 1111, 222, 33, 4

a.sort(function(a,b) { // Numerical order: 4, 33, 222, 1111

return a-b; // Returns < 0, 0, or > 0, depending on order

});

2.方法定义：

var calculator = { // An object literal

operand1: 1,

operand2: 1,

compute: function() {

this.result = this.operand1 + this.operand2;

}

};

calculator.compute(); // What is 1+1?

print(calculator.result); // Display the result

3.正则表达式：

function check()

{

//正则表达式写法："^[a-z]{2}$"或者 /^[a-z]{2}$"/ 或者"/^[a-z]{2}$/"

var reg ="^[a-z]{2}$";

var pattern = new RegExp(reg);

varname = document.getElementById("name").value;

if(!name.match(pattern)) //或者pattern.test(name)

{

var result = document.getElementById("check");

result.innerHTML ="<font color='red'>格式不正确！</font>";

}

页面：

或者div 行内显示 :display:inline;

4. 链接到同一个页面的不同位置

<a href="#C4">See also Chapter 4.</a>

<h2><a name="C4">Chapter 4</a></h2>

5.框架结构设置（导航）

</frameset>

<A HREF="A.HTML" TARGET="showframe">FRAME A</A><P>

<A HREF="B.HTML" TARGET="showframe">FRAME B</A>

</FORM>

6.带标题的表格

<caption>My Caption</caption>

</table>

7.图片设置（转为图像映射）

8.没有下划线的链接

链接行为：

a.one:link {color: #ff0000}

a.one:visited {color: #0000ff}

a.one:hover {color: #ffcc00}

8.1链接到外部样式表

<head>

<link rel="stylesheet" type="text/css" href="../../html/csstest1.css" >

</head>

9.背景图片

1.<body background="/www.w3school.com.cn/i/eg_background.jpg">

2.body { background-image: url(/i/eg_background.jpg) }

10.文本缩进

p {text-indent: 1cm}

10.div 显示

Div.style.display=”inline/none/block”;

Div.style.Visibility = “visible/hidden”;

11.改变指针

<span style="cursor:pointer">Pointer</span><br />

12.使用滚动条显示溢出文本

div {

background-color:#00FFFF;

width:150px;

height:150px;

overflow: scroll

}

float: left/right/none图像或文本（漂移）对齐

脚本语言：object.style.css.float = “left”

Overflow: visible/hidden/scroll/auto溢出文本显示方式

List-style-type: none 列表修饰

13.首字母、首行特效

p:first-letter/first-line

{

color: #ff0000;

font-size:xx-large

}

14.段落缩进

CSS2 - :first-child伪类

:first-child 伪类对另一个元素的第一个子元素进行匹配。

div > p:first-child

{

text-indent:25px

}

<div>

<p>div中的第一段。这个段落将被缩进。</p>

<p>div中的第二段。这个段落不会被缩进。</p>

</div>

15.当前鼠标指针坐标

function show_coords(event)

{

x=event.clientX

y=event.clientY

alert("X coords: " + x + ", Y coords: " + y)

}

16.

消息框：alert(“hello!”)

确认框：

function disp_confirm()

{

var r=confirm("Press a button")

if (r==true)

{

document.write("You pressed OK!")

}

else

{

document.write("You pressed Cancel!")

}

提示框：

function disp_prompt()

{

var name=prompt("Please enter your name","Harry Potter")

if (name!=null && name!="")

{

document.write("Hello " + name + "! How are you today?")

}

17.属性值改变问题：

var c=1000;

div.style.marginLeft =c.toString()+"px";

18.获取键盘值

var val =String.fromCharCode( event.keyCode);

19.下拉列表选项获取

</select>

20. 列表名称过长时截取显示，但鼠标放上时可设置工具提示：

$("#movieName").mouseover(function()

{

$(this).title(data.vodName);

});

2.Jquery 实例：

1.与服务器的互动客户与服务器端都验证：先在客户端验证，弹出提示信息（alert），再将数据发送到服务器端，进行验证，给出响应提示信息（out输出）。

1.1 解决中文乱码问题：

客户端（js中）两次编码 encodeURI(encodeURI(userName)，

服务器端一次解码

String param = request.getParameter("userName");

String userName = URLDecoder.decode(param, "UTF-8");

1.2 客户端jquery

$.get("http://127.0.0.1:8080/JQuery/UserVerify?userName=" +encodeURI(encodeURI(userName)),null,function(response){

//3.接收服务器端返回的数据（服务器端响应信息），填充到div中

$("#result").html(response);

});

页面加载操作：$(document).ready(function() {} )；

页面加载缩写：$(function(){})；

按钮事件操作：$("#verifyButton").click(function() {} )；

文本节点事件：$("#text").keyup(function() {} )；

1.3 服务器端servlet

类继承HttpServlet，重写doGet().doPost()方法，对数据进行验证处理。

设置文件格式，out输出响应提示信息：

response.setContentType("text/html;charset=UTF-8");

PrintWriter out = response.getWriter();

out.println("用户名不能为空");

2. 编辑表格 表格不可以修改，要想表格内容修改的话必须插入一可修改的文本框。思路：点击单元格，获取单元格内容，再将单元格清空，插入一文本框（宽度同单元格），再将获取的单元格内容放入文本框（设置点中状态），修改文本框内容。修改结束，设置键行为，获取文本框内容放入单元格。

2.5 获取所有单元格对象：

找到表格 tbdy内的奇数列

var numTd = $("tbody td:even"); //一组数组

2.1 获取当前单元格：

function中的this代表执行这个function的对象（当前被点击的对象）

numTd.click( function (){

var tdObj = $(this); //找到当前被点击的TD

});

2.6 创建并插入文本框

var inputObj = $("<input type='text'>").css("border-width","0")

.css("font-size","16px").width(tdObj.width())

.css("background-color",tdObj.css("background-color"))

.val(text).appendTo(tdObj);

2.4 设置文本框被选中

trigger方法可以触发某个javascript的事件发生。

inputObj.trigger("focus").trigger("select");

2.2 阻止事件传递可以让当前节点的事件返回false

inputObj.click(function() {

return false; });

2.3 JQuery的event对象上有一个which的属性可以获得键盘按键的键值

var keycode = event.which;

2.7 将文本框内容放入单元格

if (keycode == 13) { //enter键

//获取当当前文本框中的内容

var inputtext = $(this).val();

//将td的内容修改成文本框中的内容

tdObj.html(inputtext);

}

3.Java基础：

1. 集合转数组：

List list = new ArrayList(); ---------------------接口引用指向子类对象

String [] array = new String[ list.size() ];

List.toArray(array);

Array：为将被转成的数组

2. 自己抛出的异常需写出详细的描述信息：

Throw new MyException(“-----------------------”);

4.JSP语法基础：

1.null 和undefind的区别：

var声明的变量可以赋为null，例如：var typeId = null;

变量未定义，或申明了但未对其赋值（例: var typeId;），其值为Jscript值：undefind;

隐式声明例：typeId = “ “;

Null多为对象，比较用“==”，空串“”多为字符串，比较用equals();

Undefined: 变量在被创建之后被赋值之前分配给改变量的一个特殊值。

未定义的变量操作结果如下：

var currentCount;

var finalCount = 1 * currentCount; // finalCount的值为 NaN（不是数），因为 currentCount为 undefined。

变量可以不用var声明，但一定要赋初始值；在函数内部出现于赋值表达式的左边但未用var 声明的，视为全局变量。