网页开发的阶段总结（一）

近期因为公司业务要求，将公司的用asp编写的网页改换成php编写的网页。

而网页的编写往往是涉及多种语言的编写以及之间的相互交叉使用。

1、 php和ASP都是server的脚本语言。php的格式：<?php ?>, ASP的格式：<% %>，在当中，能够混合使用HTML、脚本语言以及组件来创建server端功能的Internet应用程序。

2、Javascript是client的脚本语言，添加网页的互动性，简化HTML文段。格式：<script> </script>

3、XML是一种语言格式，被设计用来传输和存储数据。编码格式：<?xml version="1.0"?>。重要部分主要是：1、主要是实现xml格式的生成，參考网址：http://www.w3school.com.cn/xml/xml_server.asp。2、读写和操作 XML 文档的方法：DOM，參考网址：http://www.w3school.com.cn/xml/xml_dom_advanced.asp。
4、AJAX 是一种用于创建高速动态网页的技术。

AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

通过在后台与server进行少量数据交换，AJAX 能够使网实现异步更新。这意味着能够在不又一次载入整个网页的情况下。对网页的某部分进行更新。

重要部分主要是操作server脚本或读取操作数据库。

(1) 、创建 XMLHttpRequest 对象，XMLHttpRequest 用于在后台与server交换数据。
这意味着能够在不又一次载入整个网页的情况下。对网页的某部分进行更新，以下以打开xml格式将获取数据存储在xmlDoc变量上。

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");
  }
注意：打开文档类型不仅仅是xml格式的。也能够是.php, .asp格式等等，对于不是xml格式的获取数据仅仅能用这样的方法： xmlhttp.open("GET","books.php",false); xmlhttp.send(); xmlDoc = xmlhttp.responseText；

a、获取xml数据一般方法
xmlhttp.open("GET","books.xml",false);

xmlhttp.send();

xmlDoc=xmlhttp.responseXML;

附注：

responseText 获得字符串形式的响应数据。

responseXML 获得 XML 形式的响应数据。

responseText	获得字符串形式的响应数据。
responseXML	获得 XML 形式的响应数据。

b、通过微软的 XML 解析器来载入 XML

var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");

xmlDoc.async="false";

xmlDoc.load("note.xml");

c、在 Firefox 及其它浏览器中的 XML 解析器

var xmlDoc=document.implementation.createDocument("","",null);

xmlDoc.async="false";

xmlDoc.load("note.xml");

附注：

loadXML() 用于载入字符串（文本）

load() 用于载入文件

loadXML()	用于载入字符串（文本）
load()	用于载入文件

(2)、对XmlDoc获取到的数据进行解析

主要函数：getElementById() getElementsByTagName()

注意：这两个函数仅仅能针对XML格式，也就是通过 responseXML返回给XmlDoc才干够用这两个函数。

5 . HTML是指超文本标签语言，主要是让浏览器识别并显示在页面上。

格式：<html> 与 </html> 之间的文本描写叙述网页。

<head></head>之间的信息网页上显示不出的。而在<body>和</body>之间的信息，是正文,才是你要在网页中展现出来的.

总结：在网页上数据显示是以顶部的第一个标签所决定。

比如：以<html> 开头的，显示的数据仅仅能是用html格式才干显示出来。用php中的echo、print、var_dump函数是无法显示在页面上。