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

简介:

      近期因为公司业务要求,将公司的用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,如需转载请自行联系原作者

相关文章
|
22天前
|
JavaScript 前端开发 API
分享一次使用某个JavaScript游戏框架开发项目的经历,遇到了哪些挑战以及如何解决的。
在Phaser框架下开发2D平台跳跃游戏&quot;跳跃之旅&quot;时,面临性能优化、碰撞检测与响应及图形动画等挑战。通过使用Phaser的性能分析工具、资源优化和内置物理引擎实现性能提升与精确碰撞。借助图形绘制API和动画系统,创造出精美流畅的游戏体验。此次项目提升了开发者的技术水平和对游戏开发的理解。
|
存储 Web App开发 缓存
软件工程高效学 | 实战案例:编写浏览器开发可行性研究报告
软件工程是计算机领域的一门专业基础课,它对于培养开发者的软件素质、提高开发者的软件开发能力与软件项目管理能力具有重要意义。本篇介绍实战案例——编写浏览器开发可行性研究报告。
228 1
软件工程高效学 | 实战案例:编写浏览器开发可行性研究报告
|
XML 存储 缓存
揭开使用 V8 作为目标引擎🔬的 JavaScript 代码处理的神秘面纱
揭开使用 V8 作为目标引擎🔬的 JavaScript 代码处理的神秘面纱
118 0
|
JavaScript 前端开发
Javascript设计之初的缺陷
Javascript设计之初的缺陷
109 0
|
前端开发 JavaScript 测试技术
挑战21天手写前端框架 day3 让页面运行起来
挑战21天手写前端框架 day3 让页面运行起来
151 0
挑战21天手写前端框架 day3 让页面运行起来
|
JavaScript 前端开发 程序员
javascript挑战编程技能-第四题:谈个if讲点逻辑
javascript挑战编程技能-第四题:谈个if讲点逻辑
102 0
|
JavaScript 前端开发 算法
javascript挑战编程技能-第七题:让代码做重复的事情
javascript挑战编程技能-第七题:让代码做重复的事情
95 0
|
Rust 前端开发 JavaScript
WebAssembly影响未来WEB技术
WebAssembly(缩写为 Wasm)是一种用于基于堆栈的虚拟机的二进制指令格式, Wasm 被设计为编程语言的可移植编译目标,支持在 Web 上部署客户端和服务器应用程序,它可能会终结所知道的互联网上的隐私和安全。
215 0
WebAssembly影响未来WEB技术
|
JavaScript 算法 前端开发
建议收藏,使用WebAssembly保护前端JS核心代码实战
上个月我花了2天开发了一个全新的VSCode插件叫“我爱掘金”,让所有掘友可以化身为小蝌蚪,在VSCode里实时聊天。使用的是一个开源项目 workerman-todpole ,在原项目的基础上我做了大量的修改和优化。也曾试图添加一些房管功能,比如只有管理员可以使用大红色,只有管理员可以发光等等。
499 0
建议收藏,使用WebAssembly保护前端JS核心代码实战
|
自然语言处理 程序员
为什么谷歌要执行严格的代码编写规范
我们在谷歌所做事情中另外一个让我感到异常有效、有用的制度是严格的编码规范。 在到Google工作之前,我一直认为编码规范没有什么用处。我坚信这些规范都是官僚制度下产生的浪费大家的编程时间、影响人们开发效率的东西。
186 0
 为什么谷歌要执行严格的代码编写规范