網頁開發的階段總結(一)
近期因為公司業務要求,將公司的用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,如需轉載請自行聯絡原作者
相關文章
- 5.7 結組開發第一階段展示
- 【軟考第一階段總結】
- 第一階段衝刺總結
- OOP課第一階段總結OOP
- alpha階段總結
- 5.7 結組開發作業 第一階段展示
- 團隊里程碑階段一總結
- 開發階段
- Io流階段大總結
- 第二階段總結
- 課程階段性總結
- day21-階段總結
- 音樂播放器開源實戰專案的階段總結一播放器
- 測試平臺開發教程【提測平臺】階段總結(三)
- 各個開發階段最流行的Java工具彙總Java
- 第三階段專案總結
- Vue 近階段學習總結Vue
- mongodb 階段性技術總結MongoDB
- OOP課第三階段總結OOP
- day13-階段總結
- java第三階段作業總結Java
- 階段性總結_學習筆記筆記
- 熱更新 + 命令列 打包 (階段總結)命令列
- 衝刺階段前四天總結
- 一點關於移動端頁面開發的總結
- Java初階段學習的複習總結Java
- 線段樹的一點總結
- 嵌入式應用開發第一階段
- 對於該階段學習的一部分總結
- OOP第二階段題集總結OOP
- 團隊里程碑階段二總結
- PhotosKit開發總結(一)
- Ubuntu LTS 16.04 開發進入功能凍結階段Ubuntu
- 5G發牌三週年:階段性總結與展望
- 音樂播放器開源實戰專案的階段總結二播放器
- 最近一段時間的總結
- 暑期java(物件導向設計)學習第一階段總結Java物件
- 第一次衝刺階段前五天總結