技术笔记1前台

1.表单提交 form.submit(),提交参数到后台。

form method,id,action=
<input class, name>

action类里面有getsetname的方法，自动传入参数到后台

2.指定调action
调用action 为attr('action',value),用value覆盖action的值。
也可以直接指定href链接到某个url。
get方式为url?key=value

3.ajax可以写到function里面

css overflow:hidden :
在设置了 width 或 height 的div中，写上overflow:hidden;的话，超出宽度或高度的部分，就隐藏了。
就是说，这个overflow:hidden;属性可以保证div的高度或宽度不变。
div里添加的东西再多，高度或宽度也不变。超出的部分隐藏。

addClass() 方法向被选元素添加一个或多个类。
向第一个 p 元素添加一个类：
$("button").click(function(){
$("p:first").addClass("intro");
});
亲自试一试
定义和用法
addClass() 方法向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。
提示：如需添加多个类，请使用空格分隔类名。
语法
$(selector).addClass(class)
参数描述
class 必需。规定一个或多个 class 名称。
使用函数来添加类
使用函数向被选元素添加类。
语法
$(selector).addClass(function(index,oldclass))

Window setTimeout() 方法
Window 对象参考手册 Window 对象
定义和用法
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
提示: 1000 毫秒 = 1 秒.
语法
setTimeout(code,millisec,lang)

参数描述
code 必需。要调用的函数后要执行的 JavaScript 代码串。
millisec 必需。在执行代码前需等待的毫秒数。
lang 可选。脚本语言可以是：JScript | VBScript | JavaScript

jQuery.data()
向元素附加数据，然后取回该数据：
$("#btn1").click(function(){
$("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
alert($("div").data("greeting"));
});
亲自试一试
定义和用法
data() 方法向被选元素附加数据，或者从被选元素获取数据。
注释：这是底层级的方法；使用 .data() 更加方便。
从元素返回数据
从被选元素中返回附加的数据。
语法
$(selector).data(name)
参数描述
name
可选。规定要取回的数据的名称。
如果没有规定名称，则该方法将以对象的形式从元素中返回所有存储的数据。
向元素附加数据
向被选元素附加数据。
语法
$(selector).data(name,value)
参数描述
name 必需。规定要设置的数据的名称。
value 必需。规定要设置的数据的值。
使用对象向元素附加数据
使用带有名称/值对的对象向被选元素添加数据。
语法
$(selector).data(object)

jQuery.extend扩展函数的用法

1、扩展jQuery静态方法.

1$.extend({
2test:function(){alert('test函数')}
3})
用法: $.test()

2、合并多个对象.
为jQuery.extend(css1,css2)为例，css1,css2个有一些属性(法照样会比处理,这里之讲属性).
extend函数会把css2有而css2没有的属性加到css1中,如果css2的某个属性与css1的某个属性名称享用，就会用css2的属性去覆盖css1的同名属性。css1就是最后的整和对象。或者也可以用：
var newcss = jquery.extend(css1,css2) newcss就是合并的新对象。
var newcss = jquery.extend({},css1,css2) newcss就是合并的新对象.而且没有破坏css1的结构。

复制代码
1//用法: jQuery.extend(obj1,obj2,obj3,..)
2var Css1={size: "10px",style: "oblique"}
3var Css2={size: "12px",style: "oblique",weight: "bolder"}
4$.jQuery.extend(Css1,Css2)
5//结果:Css1的size属性被覆盖,而且继承了Css2的weight属性
6// Css1 = {size: "12px",style: "oblique",weight: "bolder"}
7
复制代码

3。深度镶套对象
新的extend()允许你更深度的合并镶套对象。下面的例子是一个很好的证明。
复制代码
1// 以前的 .extend()
2 jQuery.extend(
3 { name: “John”, location: { city: “Boston” } },
4 { last: “Resig”, location: { state: “MA” } }
5 );
6 // 结果:
7 // => { name: “John”, last: “Resig”, location: { state: “MA” } }
8 // 新的更深入的 .extend()
9 jQuery.extend( true,
10 { name: “John”, location: { city: “Boston” } },
11 { last: “Resig”, location: { state: “MA” } }
12 );
13 // 结果
14 // => { name: “John”, last: “Resig”,
15 // location: { city: “Boston”, state: “MA” } }
16
17

1. ModuleInterceptor

public void setModuleName(String moduleName) {
this.moduleName = moduleName;
}

2.struts自带interceptor：

<interceptor-stack 拦截器栈

Action中result的各种转发类型

1，dispatcher:默认值 ,内部定向
<result>/WEB-INF/page/employeeAdd.jsp</result>

2，redirect:浏览器重定向
<result type="redirect">/index.jsp</result>

3, redirectAction 重定向到action
//同一个包下的
<result type="redirectAction">actionname</result>
//不同包下的
<result type="redirectAction">
<param name="actionName">XXX</param>
<param name="namespace" >XXX</param>
</result>

4, plainText:输出视图的代码
<result type="plainText">/index.jsp</result>
//指定编码
<result type="plainText">
<param name="location">/index.jsp</param>
<param name="charSet">UTF-8</param>
</result>

5,<global-results> 全局视图

//为了能让所有的包，都可以使用该视图

<global-results >

<result name="message">/WEB-INF/page/message.jsp</result>

</global-results>

</package>

//然后其他包继承该包就可以了

6,为action注入属性值

<param name="savepath">/image</param>

<result name="success">/WEB-INF/page/MyJsp.jsp</result>

</action>

//这样hellowoldAction 中的savapath属性值就是/image

posted @ 2017-07-14 16:07 adaandy 阅读(142) 评论(0) 编辑收藏举报

刷新页面返回顶部

adaandy

技术笔记1前台

公告