网页开发的阶段总结(一)

最近由于公司业务要求,将公司的用asp编写的网页改换成php编写的网页。

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

1、 php和ASP都是服务器的脚本语言,php的格式:<?php  ?>,  ASP的格式:<% %>, 在其中,可以混合使用HTML、脚本语言以及组件来创建服务器端功能的Internet应用程序。

2、Javascript是客户端的脚本语言,增加网页的互动性,简化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 不是新的编程语言,而是一种使用现有标准的新方法。通过在后台与服务器进行少量数据交换,AJAX 可以使网实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。重要部分主要是操作服务器脚本或读取操作数据库。

(1) 、创建 XMLHttpRequest 对象,XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新,   下面以打开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.xml",false);
   xmlhttp.send();      xmlDoc = xmlhttp.responseText;

a、获取xml数据一般方法

xmlhttp.open("GET","books.xml",false);

xmlhttp.send();

xmlDoc=xmlhttp.responseXML;

附注:

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()  用于加载文件

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

主要函数:getElementById()   getElementsByTagName()

注意:这两个函数只能针对XML格式,也就是通过  responseXML返回给XmlDoc才可以用这两个函数。

5 .  HTML是指超文本标签语言,主要是让浏览器识别并显示在页面上。格式:<html> 与 </html> 之间的文本描述网页。

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

总结:在网页上数据显示是以顶部的第一个标签所决定。例如:以<html>
开头的,显示的数据只能是用html格式才能显示出来,用php中的echo、print、var_dump函数          是无法显示在页面上。

时间: 2024-08-06 03:44:13

网页开发的阶段总结(一)的相关文章

网页开发的阶段总结(四)--JS与PHP之间大数据的传送

在前面 的网页开发的阶段总结(三)中,我们知道JS与PHP之间直接互相调用,往往有很多不便,而且一次只能传送一个数据结果进行返回.而通过ajax方法可以实现JS一次性读取php的所传送过来的大量数据.通过提交表单的方式,让php可以一次性读取JS的大量数据. 1.借用AJAX方法,通过php读取数据库将大量数据显示在网页客户端上. a.页面一加载完,执行函数Gett(),代码如下: <html> <head> <meta http-equiv="Content-Ty

网页开发的阶段总结(二)

1.现在的浏览器都比较智能化,当数据库的数据有变化时,不会读取网页上的缓存数据,通过以下代码实现数据库的访问: var thePage = 'servesql.php'; myRand = parseInt(Math.random()*9999999999999999); var theURL = thePage +"?rand="+myRand; xmlhttp.open("GET", theURL ,true); xmlhttp.onreadystatechan

网页开发的阶段总结(三)--JS与PHP直接互调用

在公司项目的改造当中,经常会遇到js与php的函数互调的情况,而实际上JS与php的设计者是不提倡这两种语言直接进行调用的,一个是客户端语言,一个服务端语言,两者之间的交互往往靠的是ajax机制,get(),post()进行数据的传递.而且在两者在进行直接调用,往往有以下的限制: 1.首先,php与JS之间的互调只能在同个文件里,对其它文件的调用都会失败,无论是php还是JS的. 2.php与JS之间的调用只能针对的是函数,而对变量都不能实现引用,即在"<?php    ?>&quo

用做网页开发经历了三个阶段(附长篇讨论) good

用做网页开发经历了三个阶段:第一阶:傻干阶段使用Intraweb,傻瓜型,无需知道javascript,html,css,会pascal就可以了. 第二阶:困惑阶段使用Intraweb,有很多限制,比如资料少,界面不容易做漂亮,没有源代码等等.于是转向研究其他开发工具.首先吸引眼球的是Nodejs,前后台用一种语言Javascript,爽,运行速度也不赖.随着PHP7的发布,注意力也被PHP7的高性能所吸引,玩了一阵PHP7.当然还有以前摸过的Tomcat/asp.net,各种框架一大堆.还有,

网页开发的一种暴力方式

网页开发暴力方式 他很炫,我只看资源 交互多,抓转态,分阶段 控件杂,挨个建模 他很炫,我只看资源 网页的设计样式越来越炫,这意味着需要为边框,颜色,留白,动画等做出更多的额外的设计,而不仅仅是资源本身.但是这里的关键就是抓住资源.不管页面如何的设计,要抓住资源而非设计.这里的资源参考REST中有关资源的概念和DDD中领域对象的概念. 有了资源,你就可以在规划dom结构时,适当的应用上微格式,使逻辑重新回归. 交互多,抓状态,分阶段 很多元素的事件需要响应,但是大多数情况下,这些事件不是一起发生

静态网页开发技术-HTML

今天我重新复习了一下静态网页开发技术,概括如下. 一 .HTML文档结构与基本语法 :放置了标签的文本文档,可供浏览器解释执行的网页文件 1.注释标记 2.标记 3.属性 二.基本标记与使用 1.网页基本结构与标记 2.文本与段落标记 3.列表标签 4.超链接标签 5.图片标记 6.定时刷新或跳转 7.表格 三 HTML表单标签与表单设计 1.<FORM>标记及其属性 2  <INPUT>标记及其属性 3 <下拉列表框<SELECT>,<OPTION>

微信开放JS-SDK,助力网页开发

From:http://mp.weixin.qq.com/s?__biz=MjM5NDAwMTA2MA==&mid=209208141&idx=1&sn=1f075212b3482900bb7096ac810dc7f3&key=2f5eb01238e84f7ef75f5c4d8084b275b234159411cccabd57be15d9d54c568c053c1882864db9945028cc57c21b262c&ascene=0&uin=MzUzMDg

微信公众平台网页开发实战--1.微信分享一个网页到朋友圈

对微信的JSSDK进行封装一下,创建一份类似的文件结构,增加index.html与shareApi.js文件,结构如图3.3所示. 图3.3  3.2节文件结构 另外,提醒读者一下,wxJSSDK.js文件的JSSDK环境配置中,需要更改一下配置参数,代码如下: 01 jsApiList: [ // 其他代码略 02 "onMenuShareTimeline", 03 "onMenuShareAppMessage", 04 "onMenuShareQQ&q

移动端网页开发三(纠结适配的那些年)

前面两篇文章介绍了移动端网页开发所要具备的基础知识. 今天着重来讲解移动端的适配方案. 做PC端页面的工程师聊的最多的是兼容,这是因为浏览器之间的差异引起的.而移动端基本是没有兼容问题的,全是css3,简直不要太开心. 但是最明显的是适配问题. 什么是适配呢?做PC页面的时候,我们按照设计图的尺寸来就好,这个侧边栏200px,那个按钮50px.可是,当我们开始做移动端页面的时候,设计师给了一份640px的设计图.那么我们如何把这份设计图实现在各个手机上的过程就是适配. 我所接触过的适配方法,目前