开发者社区> 技术mix呢> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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

简介:
+关注继续查看

      近期因为公司业务要求,将公司的用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 形式的响应数据。


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函数          是无法显示在页面上。






本文转自mfrbuaa博客园博客,原文链接:http://www.cnblogs.com/mfrbuaa/p/5133821.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
基于WebGL的在线3D建模与互动脚本开发系统 ThingJS
ThingJS编辑界面布局 3D建模与场景搭建方法 交互控制脚本开发关键点
553 0
基于ThingJS开发的WebGL H5停车场三维可视化管理Demo
随着社会的发展,城市中的汽车越来越多。车辆集中存放管理的场所被人类提出车辆进出的秩序、车辆存放的安全性、车辆存放管理的有偿性等要求。停车场系统应用现代机械电子及通讯科学技术,集控制硬件、软件于一体。随着科技的发展,停车场管理系统也日新月异,目前最为专业化的停车场系统为免取卡停车场。
3476 0
开源一个WEB版本GEF,基于SVG的网页流程图框架
8月开始断断续续的制作这个web gef,没有任何依赖,完全原生js开发,目前已经完成了雏形,基本上可以在项目里应用了。   下图展示的是demo1的效果,包括拖拽,生成连线,点击生成\取消墙体,整个demo开发时间60分钟不到。
888 0
js获取网页的各种高度
原文:js获取网页的各种高度 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.
660 0
用XAML做网页!!—终结篇
原文:用XAML做网页!!—终结篇     迄今为止的设计都很顺利,但这次就不得不接触我前面所说的非常糟糕的流文档了,但在此之前先来把标题弄好:                                ...
952 0
js网页特效漂亮的星级评价效果
js网页特效漂亮的星级评价效果 body{ margin:0;padding:0 10px;color:#333;text-align:center;font:12px Arial,Helvetica,sans-serif; } h1,h2,h3,h4,h...
655 0
js定时刷新网页
直接上代码: 实现三个子页面同时刷新页面 url = new Array(); url[0] = "http://blog.
652 0
+关注
2968
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载