随笔分类 - Web前端
摘要：1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c
阅读全文
摘要：jQuery 中的特殊事件 -- 加载 DOM 在页面加载完毕后, 浏览器会通过 JavaScript 为 DOM 元素添加事件. 在常规的 JavaScript 代码中, 通常使用 window.onload方法, 在 jQuery中使用$(document).ready() 方法. 1、ready()<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>ready.html</title> <
阅读全文
摘要：1、 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <script type="text/javascript" src="../js/jquery-1.9.1.js">&l
阅读全文
摘要：1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <script type="text/javascript" src="../js/jquery-1.9.1.js"></
阅读全文
摘要：1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <style type="text/css"> 6 .myClass{ 7 color:#c0c0c0 8 } 9 </style>10
阅读全文
摘要：1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <script type="text/javascript" src="../js/jquery-1.9.1.js"></
阅读全文
摘要：1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <script type="text/javascript" src="../js/jquery-1.9.1.js"></
阅读全文
摘要：DOM(Document Object Model—文档对象模型)：一种与浏览器, 平台, 语言无关的接口, 使用该接口可以轻松地访问页面中所有的标准组件 DOM 操作的分类:•DOM Core: DOM Core 并不专属于 JavaScript, 任何一种支持 DOM 的程序设计语言都可以使用它. 它的用途并非仅限于处理网页, 也可以用来处理任何一种是用标记语言编写出来的文档, 例如: XML•HTML DOM: 使用 JavaScript 和 DOM 为 HTML 文件编写脚本时, 有许多专属于 HTML-DOM 的属性•CSS-DOM:针对于 CSS 操作, 在 JavaScript.
阅读全文
摘要：1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <script type="text/javascript" src="../js/jquery-1.9.1.js"></
阅读全文
摘要：1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <title>exe_1.html</title> 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 6 <script type="text/javascript" src=&q
阅读全文
摘要：1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <title>exe_1.html</title> 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 6 <script type="text/javascript" src=&q
阅读全文
摘要：1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <title>exe_1.html</title> 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 6 <script type="text/javascript" src=&q
阅读全文
摘要：jQuery 9种选择器1、基本选择器-5个 1 <html> 2 <head> 3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 4 <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> 5 </head> 6 <body> 7 <div id=&quo
阅读全文
摘要：流行的JavaScript库为了简化 JavaScript 的开发, 一些 JavsScript库诞生了. JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的 Web2.0 特性的富客户端页面, 并且兼容各大浏览器当前流行的 JavaScript 库有400种左右:jQuery[JS标准], MooTools, Prototype, Dojo, YUI,EXT_JS, DWR[基于服务端], …jQuery是什么jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多JavaScript高手加入其team。jQuery是继prototy
阅读全文
摘要：JSON对象 JSON（JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。 JSON的规则很简单：对象是一个无序的“‘名称:值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’对”之间使用“,”（逗号）分隔。 规则如下: 1）映射用冒号（“：”）表示。名称:值 2）并列的数据之间用逗号（“，”）分隔。名称1:值1,名称2:值2 3） 映射的集合（对象）用大括号（“...
阅读全文
摘要：AJAX开发框架AJAX实质上也是遵循B/S模式，所以这个框架基本的流程是：对象初始化发送请求服务器接收服务器返回客户端接收修改客户端页面内容。只不过这个过程是异步的。A、初始化XMLHttpRequest对象 1 function createXHR(){ 2 var xhr; 3 try{ //Firefox, Opera, Safari，。。。 4 xhr=new XMLHttpRequest(); 5 }catch (e){ 6 try{//IE 7 xhr...
阅读全文
摘要：一、ajax+xml+jsp+servlet1、jsp 1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 4 <html> 5 <head> 6 7 </head> 8 <!-- 拖动只适用于jsp和html --> 9
阅读全文
摘要：AJAX包含的技术 AJAX:(Asynchronous JavaScript and XML)并不是一项新技术,其实是多种技术的综合，包括Javascript、HTML和CSS、DOM、XML和XMLHttpRequest. •服务器端语言：服务器需要具备向浏览器发送特定信息的能力。Ajax与服务器端语言无关。•XML (eXtensible Markup Language，可扩展标记语言) 是一种描述数据的格式。AJAX 程序需要某种格式化的格式来在服务器和客户端之间传递信息，XML 是其中的一种选择•HTML（Hypertext Markup Language,使用超文本标记语言）...
阅读全文
摘要：以GET和POST方式检查注册用户名是否存在一、以GET方式1、jsp 1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 4 <html> 5 <head> 6 <script type="text/javascript&quo
阅读全文
摘要：同步交互和异步交互举个例子：普通B/S模式(同步/WEB1.0) AJAX技术(异步/WEB2.0)* 同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事* 异步: 请求通过事件触发->服务器处理（这时浏览器仍然可以作其他事情）->处理完毕 同步是指：发送方发出数据后，等接收方发回响应以后才发下一个数据包的通讯方式。 异步是指：发送方发出数据后，不等接收方发回响应，接着发送下个数据包的通讯方式 现代Web应用以Ajax为主流，Ajax=C/S表面现象+B/S本质 同步于异步区别什么是Ajax •Ajax...
阅读全文
