web学习笔记.docx

一：HTML1、HTML头部元素：以下标签都可以添加到 head 部分：、 以及 。：定义文档与外部资源之间的关系。例：定义客户端脚本，比如 JavaScript。2、URL（uniform resource locator）遵循法则：scheme:/host.domain:port/path/filename例/html/index.asp scheme - 定义因特网服务的类型。最常见的类型是 http host - 定义域主机（http 的默认主机是 www） domain - 定义因特网域名，比如 :port - 定义主机上的端口号（http 的默认端口号是 80） path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。 filename - 定义文档/资源的名称3、XML 是一种必须正确标记且格式良好的标记语言。 下面的例子展示了带有最少的必需标签的 XHTML 文档： /暂时还不太懂Title of document.3、如何从 HTML 转换到 XHTML1. 向每张页面的第一行添加 XHTML 2. 向每张页面的 html 元素添加 xmlns 属性3. 把所有元素名改为小写4. 关闭所有空元素5. 把所有属性名改为小写6. 为所有属性值加引号4、居中显示：This is heading 1 水平线： 隐藏的注释： 背景颜色：pre 标签很适合显示计算机代码5、Visit W3School!如果把链接的 target 属性设置为 _blank，该链接会在新窗口中打开。6、查看 Chapter 4。7、这是邮件链接：发送邮件这是另一个 mailto 链接：发送邮件！8、表格的标题：我的标题二：XHTML XHTML 与 HTML 4.01 几乎是相同的。 XHTML 是更严格更纯净的 HTML 版本。 XHTML 是作为一种 XML 应用被重新定义的 HTML。1、XML 是一种标记化语言，其中所有的东西都要被正确的标记，以产生形式良好的文档。XML 用来描述数据，而 HTML 则用来显示数据。通过把 HTML 和 XML 各自的长处加以结合，我们得到了在现在和未来都能派上用场的标记语言 - XHTML。2、下面是一个 HTML 的简写属性列表，以及在 XHTML 中的改写：HTMLXHTMLcompactcompact=compact checkedchecked=checked declaredeclare=declare readonlyreadonly=readonly disableddisabled=disabled selectedselected=selected deferdefer=defer ismapismap=ismap nohrefnohref=nohref noshadenoshade=noshade nowrapnowrap=nowrap multiplemultiple=multiple noresizenoresize=noresize 3、XHTML 1.0 的三种 XML 文档类型，以对应上述三种 DTD。XHTML 1.0 Strict在此情况下使用：需要干净的标记，避免表现上的混乱。请与层叠样式表配合使用。XHTML 1.0 Transitional在此情况下使用：当需要利用 HTML 在表现上的特性时，并且当需要为那些不支持层叠样式表的浏览器编写 XHTML 时。XHTML 1.0 Frameset在此的情况下使用：需要使用HTML框架将浏览器窗口分割为两部分或更多框架时。三：XMLXML 被设计用来传输和存储数据。HTML 被设计用来显示数据。1、XML 是独立于软件和硬件的信息传输工具。2、XML 应用于 web 开发的许多方面，常用于简化数据的存储和共享。3、XML 文档形成一种树结构 . 4、在 XML 中，有 5 个预定义的实体引用：<大于&&和号'单引号"引号5、XML 的优势之一，就是可以经常在不中断应用程序的情况进行扩展。6、我的经验是在 HTML 中，属性用起来很便利，但是在 XML 中，您应该尽量避免使用属性。如果信息感觉起来很像数据，那么请使用子元素吧。 建议：元数据（有关数据的数据）应当存储为属性，而数据本身应当存储为元素。7、CSS显示XML:8、XML 文档对象模型：XML Document Object Model9、XML to HTML：10、XML命名空间：属性（xmlns） xmlns:namespace-prefix=namespaceURI 11、CDATA 部分中的所有内容都会被解析器忽略。12、通常，我们在数据库中存储数据。不过，如果希望数据的可移植性更强，我们可以把数据存储 XML 文件中。XML 有很强的跨平台可移植性，并且数据无需转换！13、XML 应当用来从 HTML 那里分离数据。XML 可被用来交换、共享以及存储数据。14、XQuery： 被所有主要的数据库引擎支持（IBM、Oracle、Microsoft等等） 四：CSS层叠样式表 (CascadingStyleSheets)如何使用 CSS 同时控制多重网页的样式和布局。1、CSS 选择器参考手册选择器描述attribute用于选取带有指定属性的元素。attribute=value用于选取带有指定属性和值的元素。attribute=value用于选取属性值中包含指定词汇的元素。attribute|=value用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。attribute=value匹配属性值以指定值开头的每个元素。attribute$=value匹配属性值以指定值结尾的每个元素。attribute*=value匹配属性值中包含指定值的每个元素。2、插入样式表的方法：（创建） 外部样式表 内部样式表 内联样式 多重样式3、背景、背景图片4、文本：5、字体：6、链接：7、CSS列表： 所有的列表样式；制作一个漂亮的表格8、轮廓：9、定位概述： 使用滚动条来显示溢出的内容。overflow: scroll10、浮动：11、创建无表格的首页 12、创建完整的导航栏13、图片库14、五：JavaScript1、 JS对象：2、JavaScript 框架： jQuery Prototype MooTools3、六：HTML DOM1、HTML DOM 定义了访问和操作 HTML 文档和XML文档的标准方法。HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。2、这里提供一些您将在本教程中学到的常用方法：方法描述getElementById()返回带有指定 ID 的元素。getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。getElementsByClassName()返回包含带有指定类名的所有元素的节点列表。appendChild()把新的子节点添加到指定节点。removeChild()删除子节点。replaceChild()替换子节点。insertBefore()在指定的子节点前面插入新的子节点。createAttribute()创建属性节点。createElement()创建元素节点。createTextNode()创建文本节点。getAttribute()返回指定的属性值。setAttribute()把指定属性设置或修改为指定的值。3、innerHTML 属性对于获取或替换 HTML 元素的内容很有用。4、JSONJSON 是存储和交换文本信息的语法。类似 XML。JSON 比 XML 更小、更快，更易解析。5、JavaScript 程序能够使用内建的 eval() 函数，用 JSON 数据来生成原生的 JavaScript 对象。6、JSON 最常见的用法之一，是从 web 服务器上读取 JSON 数据（作为文件或作为 HttpRequest），将 JSON 数据转换为 JavaScript 对象，然后在网页中使用该数据。7、jQuery 是一个 JavaScript 库。七：jQuery1、 jQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。、由于 jQuery 是为处理 HTML 事件而特别设计的，那么当您遵循以下原则时，您的代码会更恰当且更易维护： 把所有 jQuery 代码置于事件处理函数中 把所有事件处理函数置于文档就绪事件处理器中 把 jQuery 代码置于单独的 .js 文件中 如果存在名称冲突，则重命名 jQuery 库使用 Google 的 CDN使用 Microsoft 的 CDN2、 文档就绪函数：$(document).ready(function()3、var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。4、jQuery val() 方法获得输入字段的值：jQuery attr() 方法用于获取属性值。5、在 DOM 树中水平遍历有许多有用的方法让我们在 DOM 树进行水平遍历： siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil()八：jQuery - AJAX 1、AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新。2、AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。3、通过 jQuery AJAX 方法，您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。九：jQuery参考手册选择器 事件 效果 文档操作 属性 CSS AJAX 遍历 数据 DOM 元素 核心十:easyUI使用笔记1、 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。必需的属性属性值描述contentsome_text定义与 http-equiv 或 name 属性相关的元信息可选的属性属性值描述http-equiv content-type expires refresh set-cookie把 content 属性关联到 HTTP 头部。name author description keywords generator revised others把 content 属性关联到一个名称。schemesome_text定义用于翻译 content 属性值的格式。十一：Jsp1、 全称：Java Server Pages2、 在JSP程序中可以使用Java的三个基本循环类型：for，while，和 dowhile。3、 JSP中的三种指令标签：指令描述定义网页依赖属性，比如脚本语言、error页面、缓存需求等等包含其他文件引入标签库的定义4、 JSP动作元素：5、Jsp结构：5、 生命周期：6、 Jsp声明：7、 Jsp动作元素：请求处理阶段起作用；以动态地插入文件、重用JavaBean组件、把用户重定向到另外的页面、为Java插件生成HTML代码8、 JSP 读取表单数据 getParameter():使用 request.getParameter() 方法来获取表单参数的值。 getParameterValues():获得如checkbox类（名字相同，但值有多个）的数据。 接收数组变量 ，如checkobx类型 getParameterNames():该方法可以取得所有变量的名称，该方法返回一个Emumeration。 getInputStream():调用此方法来读取来自客户端的二进制数据流。9、 使用Jsp设置Cookies(1)创建一个Cookie对象：调用Cookie的构造函数，使用一个cookie名称和值做参数，它们都是字符串。Cookie cookie = new Cookie(key,value);请务必牢记，名称和值中都不能包含空格或者如下的字符： ( ) = , / ? : ;(2) 设置有效期：调用setMaxAge()函数表明cookie在多长时间（以秒为单位）内有效。下面的操作将有效期设为了24小时。cookie.setMaxAge(60*60*24); (3) 将cookie发送至HTT