`
yesjavame
  • 浏览: 706713 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

Ajax从零开始(1)

阅读更多
<style type="text/css"> .code{background-color: #CCCCCC;} .title{font: blod;} </style> 等了N个月终于有机会看到Ajax In Action纯英文版,于是忽冲冲下载制定了1个月的学习计划。

由于之前对此有些了解,比如必备的XHTML+CSS都已经烂熟了,其次对于XMLHTTP、M.XmlHttp几个对象也有接触。




--------------------------------------------------------------------------------



由此,我的Ajax学习之路从这里展开......

一个Ajax Hello World事例:
test.html

《html》
《head》
《link rel='stylesheet' type='text/css'
href='hello.css' /》
《script type='text/javascript'
src='hello.js'》《/script》
《/head》
《body》
《p id='hello'》hello《/p》
《div id='empty'》《/div》
《/body》
hello.css

.declared{
color: red;
font-family: arial;
font-weight: normal;
font-size: 16px;
}
.programmed{
color: blue;
font-family: helvetica;
font-weight: bold;
font-size: 10px;
}
hello.js

window.onload=function(){
var hello=document.getElementById('hello');
hello.className='declared';
var empty=document.getElementById('empty');
addNode(empty,"reader of");
addNode(empty,"Ajax in Action!");
var children=empty.childNodes;
for (var i=0;i<children.length;i++){
children[i].className='programmed';
}
empty.style.border='solid green 2px';
empty.style.width="200px";
}
function addNode(el,text){
var childEl=document.createElement("div");
el.appendChild(childEl);
var txtNode=document.createTextNode(text);
childEl.appendChild(txtNode);
}
分享到:
评论

相关推荐

    Ajax笔记从零开始

    Ajax笔记Ajax笔记Ajax笔记Ajax笔记Ajax笔记

    从零开始学jquery

    【从零开始学jQuery】这个教程旨在帮助初学者全面理解并掌握jQuery这一强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互,是Web开发中的常用工具。 ### (一) 开天辟地入门篇 在入门...

    从零开始学JAVA-WEB开发.

    这个“从零开始学JAVA-WEB开发”教程显然是为初学者设计的,旨在帮助他们逐步掌握这门技术。下面将详细阐述Java Web开发的基本概念和关键知识点。 1. **Java基础知识**:在学习Java Web之前,首先需要掌握Java编程...

    PHP+Ajax网站开发教程

    1. **Ajax基础**:介绍如何创建XMLHttpRequest对象,发送GET和POST请求,以及处理服务器返回的数据。 2. **PHP与Ajax通信**:讲解如何在PHP端接收和响应Ajax请求,包括设置HTTP头、处理请求数据、返回JSON格式数据...

    Ajax入门:从零开始学习jQuery pdf

    从零开始学习jQuery pdf,第一篇:开天辟地入门篇;第二篇:jQuery最重要的部分——万能的选择器;第三章:管理Jquery包装集;第四章:使用jQuery操作元素的属性与样式;第五篇:事件与事件对象……  通过一步步的...

    从零开始学习JQUERY

    ### 从零开始学习JQUERY #### 一、开天辟地入门篇 ##### 摘要 本文作为“从零开始学习JQUERY”系列的第一篇文章,旨在为读者提供一个全面且实用的学习指南,无论你是初学者还是有一定基础的开发者都能从中受益。...

    从零开始学asp.net

    在"从零开始学asp.net"这个教程中,你会学习到ASP.NET的基础知识,如: 1. **页面生命周期**:了解一个ASP.NET页面从请求到响应的过程,包括初始化、加载、回发、验证、保存状态和卸载等阶段。 2. **服务器控件**...

    jquery从零开始学习

    ### jQuery从零开始学习 #### 一、简介与概述 jQuery作为一款流行的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画等任务,并且兼容多种浏览器。它以其轻量级、易用性和强大的功能著称,在Web前端开发...

    从零开始学习jQuery

    ### 从零开始学习jQuery——综合知识点解析 #### 一、引言 随着Web技术的发展,JavaScript已经成为前端开发中不可或缺的一部分。为了简化JavaScript的使用,提高开发效率,jQuery应运而生。本文将从零开始,详细...

    从零开始学JavaScript源码

    从零开始学习JavaScript,你需要掌握以下几个关键知识点: 1. **基础语法**:JavaScript的基础包括变量(var、let、const)、数据类型(原始类型:number、string、boolean、null、undefined、symbol;复杂类型:...

    JavaScript从零开始学_源代码_codes

    "JavaScript从零开始学"是一套针对初学者的教程,旨在帮助完全不懂编程的人逐步掌握JavaScript的核心技术和实际应用。 首先,我们需要理解JavaScript的基础语法,包括变量声明(var、let、const)、数据类型(如...

    jquery 从零开始

    jQuery 是一个广泛使用的 ...对于初学者来说,jQuery从零开始的学习是一个很好的起点,通过实践和理解jQuery的原理,可以快速提升JavaScript技能。同时,建议阅读《jQuery实战》等专业书籍,以便更深入地掌握这个库。

    从零开始学java web

    本教程“从零开始学Java Web”旨在帮助初学者系统地掌握这一领域的基础知识,从第一章到第十七章,内容全面且详细。下面我们将逐一探讨这些章节可能涵盖的关键知识点。 第一章:Java Web入门 这一章通常会介绍Java ...

    从零开始学习JQuery

    每篇文章都旨在帮助读者从零开始,逐步深入学习和掌握jQuery的各种使用技巧。 ### 开发环境搭建 学习jQuery的第一步是搭建开发环境。在Visual Studio中可以方便地配合使用jQuery,可以通过包管理器如NuGet安装...

    jQueryEasyUI从零开始学源码part1

    本教程“jQueryEasyUI从零开始学源码part1”旨在帮助初学者深入理解jQuery EasyUI的工作原理,通过源码分析来提升开发技能。 首先,我们需要了解jQuery EasyUI的基础概念。jQuery是一个轻量级的JavaScript库,简化...

    javaScript从零开始学源代码

    从零开始学习JavaScript源代码,意味着我们将深入理解其语法、结构和核心概念,这对于任何想要在Web开发领域有所建树的人来说都是至关重要的。下面,我们就来详细探讨JavaScript的基础知识和重要特性。 1. **基础...

    从零开始学JavaScript 源代码

    第1章 初步了解JavaScript 1.1 JavaScript是什么 1.2 JavaScript能做什么 1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 交互式菜单 1.2.4 动态页面 1.2.5 数值计算 1.3 JavaScript编程起步 1.3.1 “Hello World...

    ajax从入门到精通资料

    总的来说,这个资料包提供了一个全面的Ajax学习路径,从基础知识到实战技巧,通过理论学习和实践操作,帮助你从零开始掌握Ajax,提升你的前端开发技能。在学习过程中,结合实际项目实践,理解并熟练运用Ajax,你将在...

Global site tag (gtag.js) - Google Analytics