- 浏览: 498897 次
- 性别:
- 来自: 广州
最新评论
文章列表
CSS
CSS 简介
CSS 指层叠样式表 (Cascading Style Sheets)
CSS 语法
selector {declaration1; declaration2; ... declarationN }
h1 {color:red; font-size:14px;}
以分号结束
CSS 对大小写不敏感。不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,class 和 id 名称对大小写是敏感的。
CSS 属性选择器
[title~=hello] { color:red; }
[attribute] 用于选取带有指定属性的元素。
[attribut ...
java 运行顺序、注意事项总结、基础概念
注意事项总结:
1.静态变量是属于整个类的变量而不是属于某个对象的。
2.注意不能把任何方法体内的变量声明为静态(方法体内定义静态变量会报错)
3.在Java中,类是按需加载,只有当需 ...
JSON和JS对象之间的互转
1.jQuery:
json字符串转json对象:jQuery.parseJSON(jsonStr);
json对象转json字符串:JSON.stringify(jsonObj);
2.浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器:
JSON.parse(jsonstr); //可以将json字符串转换成json对象
JSON.stringify(jsonobj); //可以将json对象转换成json对符串
注:ie8(兼容模式),ie7和ie6没有JSON对象,推荐采用JSON官方的方式,引 ...
JavaScript中的this
随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。
this指向函数执行时的当前对象,值得注意,该关键字在Javascript中和执行环境,而非声明环境有关。
情况一:纯粹的函数调用
属于全局性调用,因此this就代表全局对象Global(浏览器中就是window对象)
function test(){
this.x = 1;
alert(this.x);
}
test(); // 1
运行结果是1。
因为直接调用,所以this是对象Global
情况二:作为对象 ...
jquery的$().each,$.each的区别与详解
$().each
对匹配上的每个DOM对象调用一个处理(函数)
$().each,对于这个方法,在dom处理上面用的较多
如:
$(“input[name=’ch’]”).each(function(i){
if($(this).attr(‘checked’)==true)
{
//一些操作代码
}
$.each()
用于遍历一个对象
遍历一个数组
$.each([{“name”:”limeng”,”email”:”xfjylimeng”},{“name”:”hehe”,”email”:”xfjylimeng”} ...
HTML 表单
HTML 表单用于搜集不同类型的用户输入
<form> 元素定义 HTML 表单
<form>
form elements
</form>
实例:(form)
<form action="action_page.php" method="GET">
GET(默认方法),向服务器action_page.php文件(页面)提交数据
数据加到URL中,如:action_page.php?firstname=Mickey&lastname=Mouse
URL长度要求(2K)
< ...
Multipart工作原理
按照Multipart规定的格式将文件名和文件内容在请求中发送到服务器中
服务器从请求流中得到文件名和文件内容放入到Multipart定义的类中,
服务器处理请求中再在服务器生成相关的文件目录,并将内容保存到服务器中去
Spring applicationContext.xml配置文件:
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
...
HTTP 方法:GET 对比 POST
GET 方法
参数在URL中进行传送
/test/demo_form.asp?name1=value1&name2=value2
参数前用“?”进行分隔
参数以(名称/值对)形式传送
参数之间用“&”分开
GET 请求可被缓存
GET 请求保留在浏览器历史记录中
GET 请求可被收藏为书签
GET 请求不应在处理敏感数据时使用
GET 请求有长度限制(URL 的最大长度是 2048 个字符)
GET 请求只应当用于取回数据
POST 方法
参数在 HTTP 消息主体中发送
POST /test/demo_form.asp ...
AJAX
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。(网页URL不变的情况下加载部分内容)
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
XMLHttpRequest 对象
所有现代浏览器均支持 XMLHttpRequest 对象(IE5 和 IE6 使用 ActiveXObject)。
XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行 ...
jQuery 数据
data() 方法
向被选元素附加数据,或者从被选元素获取数据
从元素返回数据
$(selector).data(name)
向元素附加数据
$(selector).data(name,value)
使用对象向元素附加数据
$(selector).data(object)
removeData() 方法
删除之前通过 data() ...
jQuery 事件
bind() 方法
bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。
语法
$(selector).bind(event,data,function)
event 必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。
data 可选。规定传递到函数的额外数据。
function 必需。规定当事件发生时运行的函数。
$(selector).bind({event:function, event:function, ...})//(绑定多个事件处理)
实例:
...
jQuery 遍历
jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。
以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。
<div> 元素是 <ul> 的父元素,同时是其中所有内容的祖先。
<ul> 元素是 <li> 元素的父元素,同时是 <div> 的子元素
左边的 <li> 元素是 <span> 的父元素,<ul> 的子元素,同时是 <div> 的后代。
<span> 元素是 <li> ...
jQuery
jQuery 简介
用JavaScript来做的一个库,用于方便HTML DOM元素进行各种各样的操作的接口库.
就是用JavaScript封装了一些方便我们对HTML DOM元素进行各种各样的操作的接口库.
也可以理解为一个方便我们对HTML DOM元素进行各种各样的操作的API函数集
jQuery是不能进行逻辑处理的,逻辑处理要用JavaScript实现
jQuery 语法
基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作 ...
JavaScript Window - 浏览器对象模型
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。
Window 对象
所有浏览器都支持 window 对象。它表示浏览器窗口。
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
全局变量是 window 对象的属性。
全局函数是 window 对象的方法。
甚至 HTML DOM 的 document 也是 window 对象的属性之一:
window.document.getElementById("header");
与此相同:
docum ...
JavaScript 操作 HTML DOM
JavaScript HTML DOM - 改变 HTML
改变 HTML 输出流
<script>
document.write(Date());
</script>
改变 HTML 内容
document.getElementById(id).innerHTML=new HTML
实例:
<p id="p1">Hello World!</p>
<script>
document.getElementById("p1").innerHTML ...