web | Sunbufu's blog

AJax

一、AJax定义 AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 AJax的优点页面无刷新不打断用户的操作，用户的体验好。按需获取数据，浏览器与服务器之间数据的传输量减少。是一个标准技术，不需要下载任何的插件。利用客户端(浏览器)的计算能力。二、AJax使用 2.1 AJax对象所有现代浏览器均内建 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。例如：IE7+、Firefox、Chrome、Safari 以及 Opera。 2.1.1 创建对象 var xmlhttp; if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } 2.2 发送数据 AJax对象提供了opean()和send()两个方法，具体差别如下表：...

JQuery的基本用法

jQuery前言 jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。 1 向页面添加jQuery库： <script type="text/javascript" src="jQuery.js"></script> 2 jQuery语法：基础语法是： $(selector).action() 文档就绪函数： $(document).ready(function(){ --- jQuery functions go here ---- }); 一 jQuery选择器 1.1 元素选择器：方法作用 $("p") 选取 <p> 元素。 $("p.intro") 选取所有 class="intro" 的 <p> 元素。 $("p#demo") 选取所有 id="demo" 的 <p> 元素。 1.2 属性选择器：方法作用 $("[href]") 选取所有带有 href 属性的元素。 $("[href='#']") 选取所有带有 href 值等于 “#” 的元素。 $("[href!...

http

一、TCP/IP 协议介绍在介绍 HTTP 协议之前，先简单说一下TCP/IP协议的相关内容。TCP/IP协议是分层的，从底层至应用层分别为：物理层、链路层、网络层、传输层和应用层，如下图所示：从应用层至物理层，数据是一层层封装，封装的方式一般都是在原有数据的前面加一个数据控制头，数据封装格式如下：其中，对于TCP传输协议，客户端在于服务器建立连接前需要经过TCP三层握手，过程如下：二、HTTP协议 2.1　简介超文本传输协议（Hypertext Transfer Protocol，简称HTTP）是应用层协议，自 1990 年起，HTTP 就已经被应用于 WWW 全球信息服务系统。 HTTP 是一种请求/响应式的协议。一个客户机与服务器建立连接后，发送一个请求给服务器；服务器接到请求后，给予相应的响应信息。 HTTP 的第一版本 HTTP/0.9是一种简单的用于网络间原始数据传输的协议； HTTP/1.0由 RFC 1945 定义，在原 HTTP/0.9 的基础上，有了进一步的改进，允许消息以类 MIME 信息格式存　在，包括请求/响应范式中的已传输数据和修饰符等方面的信息； HTTP/1.1(RFC2616) 的要求更加严格以确保服务的可靠性，增强了在HTTP/1.0 没有充分考虑到分层代理服务器、高速缓冲存储器、持久连接需求或虚拟主机等方面的效能；安全增强版的 HTTP （即S-HTTP或HTTPS），则是HTTP协议与安全套接口层(SSL)的结合，使HTTP的协议数据在传输过程中更加安全。 2.2　协议结构 HTTP协议格式也比较简单，格式如下： 2.3　HTTP 协议举例下面是一个HTTP请求及响应的例子： 2.4　请求头格式 a) 通用头(general-header)： Cache-Control：客户端希望服务端如何缓存自己的请求数据，如"Cache-Control: no-cache"，"Cache-Control: max-age=0"； Connection：客户端是否希望与服务端之间保持长连接，如"Connection: close", “Connection: keep-alive"； Date：只有当请求方法为POST或PUT方法时客户端才可能会有些字段； Pragma：包含了客户端一些特殊请求信息，如 “Pragma: no-cache” 客户端希望代理或应用服务器不应缓存与该请求相关的结果数据； Via：一般用在代理网关向应用服务器发送的请求头中，表明该来自客户端的请求经过了网关代理，格式为："Via: 请求协议版本网关标识 [其它信息] "，如：” Via: 1....

html

一、HTML定义 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，它规定了自己的语法规则，用来表示比“文本”更丰富的意义，比如图片，表格，链接等。浏览器（IE,FireFox等）软件知道HTML语言的语法，可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。二、HTML是什么样的简单地来说，HTML的语法就是给文本加上表明文本含义的标签(Tag)，让用户（人或程序）能对文本得到更好的理解。下面是一个最简单的HTML文档： <html> <head> <title>Hello World</title> </head> <body> <a href="http://www.baidu.com">百度</a> </body> </html> 所有的HTML文档都应该有一个<html>标签，<html>标签一般包含两个部分:<head>和<body>。 <head>标签用于包含整个文档的一般信息，比如文档的标题（<title>标签用于包含标题），对整个文档的描述，文档的关键字等等。文档的具体内容就要放在<body>标签里了。 <a>标签用于表示链接，在浏览器（如IE,Firefox等）中查看HTML文档时，点击<a>标签括起来的内容时，通常会跳转到另一个页面。这个要跳转到的页面的地址由<a>标签的href属性指定。上面的<a href="http://www.baidu.com">中，href属性的值就是http://www.baidu.com。三、HTML文档可以包含的内容通过不同的标签，HTML文档可以包含不同的内容，比如文本，链接，图片，列表，表格，表单，框架等。 1. 文本 HTML对文本的支持是最丰富的，你可以设置不同级别的标题，分段和换行，可以指定文本的语义和外观，可以说明文本是引用自其它的地方，等等等等。 2. 链接链接用来指出内容与另一个页面或当前页面某个地方有关。 3. 图片图片用于使页面更加美观，或提供更多的信息。 4. 列表列表用于说明一系列条目是彼此相关的。 5. 表格表格是按行与列将数据组织在一起的形式。也有不少人使用表格进行页面布局。 6. 表单表单通常由文本输入框，按钮，多选框，单选框，下拉列表等组成，使HTML页面更有交互性。 7. 框架框架使页面里能包含其它的页面。四、HTML文档格式详细说明前面介绍了HTML文档的基本格式，下面再做一个详细说明。 HTML文档可以用任何文本编辑器（比如记事本，UltraEdit等）创建，编辑，因为它的内容在本质也只是一些文本。在HTML文本中，用尖括号括起来的部分称为标签。如果想在正文里使用尖括号（或者大与号小与号，总之是同一个东西），必须使用字符转义，也就是说转换字符的原有意义。<应该使用<代替，>则使用>，至于&符号本身,则应该使用&替代（不得不说的是有很多HTML文档没有遵循这个规则，常用的浏览器也都能够分析出&到底是一个转义的开始，还是一个符号，但是这样做是不推荐的）。标签本质上是对它所包含的内容的说明，可能会有属性，来给出更多的信息。比如<img>（图片）标签有src属性（用于指明图片的地址），width和height属性（用于说明图片的宽度和高度）。HTML里能使用哪些标签，这些标签分别可以拥有哪些属性，这些都是有规定的，知道了这里说的基本知识之后，学习HTML其实也就是学习这些标签了。本文后面会对常用的HTML标签做出简短的介绍。标签通常有开始部分和结束部分（也被称为开始标签和结束标签），它们一起限定了这个标签所包含的内容。属性只能在开始标签中指定，属性值可以用单引号或双引号括起来。结束标签都以/加上标签名来表示。有时候，有些标签并不包含其它内容（只包括自己的属性，甚至连属性都没有），这种情况下，可以写成类似这样：<img src="logo.gif" />。注意最后的一个空格和一个反斜杠，它说明这个标签已经结束，不需要单独的结束标签了。某些标签包含的内容中还可以有新的标签，新的标签名甚至可能还可以与包含它的标签的名称相同（哪些标签可以包含标签，可以包含哪些标签也是有规定的）。比如： <div> <div>分类目录...</div> <div>当前分类内容列表...</div> </div> 在这种情况下，最后出现的标签应该最先结束。 HTML文档里所有的空白符（空格，Tab，换行，回车）会被浏览器忽略，唯一的例外是空格，对空格的处理方式是所有连续的空格被当成一个空格，不管有一个，还是两个，还是100个。之所以有这样的规则是因为忽略空白符能让使用HTML的作者以他觉得最方便的格式来排列内容，比如可以在每个标签开始后增加缩进，标签结束后减少缩进。由于英语文本中空格用得很普遍（用于分隔单词），所以对空格做了这样的特殊处理。如果要显示连续的空格（比如为了缩进），应该用 来代表空格。五、常用标签介绍 1、文本最常用的标签可能是<font>了，它用于改变字体，字号，文字颜色。 <font size="6">6</font> <font size="4">4</font> <font color="red" size="5">红色的5</font> <font face="黑体">黑体的字</font> 加粗，下划线，斜体字也是常用的文字效果，它们分别用<b>,<u>,<i>表示：...

javascript

一、变量 1.1 声明变量 JavaScript是一种弱类型的语言。变量的声明(变量使用之前必须加var声明，编程规范) 可以通过var关键字来声明一个变量典型声明方式： var a=1; var a, b=2, c; var date = new Date(); var array = new Array(); 不能使用未经声明的变量。全局变量在方法外部声明的变量方法内部，没有加var关键字声明的变量 (小心使用，会对全局变量造成污染) 局部变量方法内部，使用var声明的变量补充： Javascript:void(0); 用于超链接 Javascript伪协议在a标签中的href的内容添加以上内容。变量的命名规则 1.变量命名必须以英文字母或是下标符号”_”或者”$”为开头。 2.变量名长度不能超过255个字符。 3.变量名中不允许使用空格。 4.不用使用脚本语言中保留的关键字及保留符号作为变量名。例如：var、*等。 5.变量名区分大小写。(javascript是区分大小写的语言)** 1.2 变量的类型 undefined 未定义（声明了变量，但是未赋值） null 空（赋值为null），属于undefined的衍生类 boolean 布尔类型（true,false） string 字符串,(单引号、双引号均可) 5)number 数值类型：包括整数和小数，NaN（Not a Number），Infinity（无穷大）, -Infinity（负无穷小） object 对象类型 1....