整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
節(jié)內(nèi)容是"VBA信息獲取與處理"教程中第八個專題"VBA與HTML文檔"的第五節(jié)。，希望想掌握這方面知識的朋友能參考我的教程學(xué)習(xí)。
大家好，我們繼續(xù)對HTML文檔進(jìn)行學(xué)習(xí)，在前幾節(jié)中我們認(rèn)識了網(wǎng)頁文檔上面的各種元素，那么我們又該怎么訪問他們呢，是如何實(shí)現(xiàn)呢？其實(shí)，HTML文檔，提供了訪問其元素的端口，這就是HTML DOM，其定義了一套標(biāo)準(zhǔn)的針對 HTML 文檔的對象訪問或操作的機(jī)制。HTML DOM 定義了所有 HTML 元素的對象和屬性，以及訪問它們的方法。換言之，HTML DOM 是關(guān)于如何獲取、修改、添加或刪除 HTML 元素的標(biāo)準(zhǔn)。
每個載入瀏覽器的 HTML 文檔都會成為 Document 對象。Document 對象使我們可以從腳本中對 HTML 頁面中的所有元素進(jìn)行訪問。Document 對象是 HTML 文檔的根節(jié)點(diǎn)。
特別注意：Document 對象是 Window 對象的一部分，可通過 window.document 屬性對其進(jìn)行訪問。
集合 描述
all[] 提供對文檔中所有 HTML 元素的訪問。
anchors[] 返回對文檔中所有 Anchor 對象的引用。
applets 返回對文檔中所有 Applet 對象的引用。
forms[] 返回對文檔中所有 Form 對象引用。
images[] 返回對文檔中所有 Image 對象引用。
links[] 返回對文檔中所有 Area 和 Link 對象引用。
VBA直接支持調(diào)用的對象有限，如下：
對象 描述
Document 代表整個 HTML 文檔，可被用來訪問頁面中的所有元素
Anchors 代表 <a> 元素集合
Body 代表 <body> 元素
Forms 代表 <form> 元素集合
Frames 代表 <frame> 元素或<iframe> 元素集合
Images 代表 <img> 元素集合
Links 代表 <link> 元素集合
Options 代表 <option> 元素集合（select元素里面可以直接使用）
Cells 代表 <td> 元素集合（table元素里面可以直接使用）
Rows 代表 <tr> 元素集合（table元素里面可以直接使用）
All 對象集合，提供對文檔中所有 HTML 元素的訪問。
上述VBA支持直接調(diào)用對象的元素，調(diào)用起來就非常方便了，可以用序號調(diào)用，例如forms(0)，也可以按名稱/ID調(diào)用，例如forms("名稱/ID")。其他沒法直接調(diào)用對象的元素，可以間接從通用all對象集合中去調(diào)用該元素或該元素對應(yīng)的dom對象。
在HTML DOM中，所有事物都是節(jié)點(diǎn)。DOM 是被視為節(jié)點(diǎn)樹的 HTML文檔的每一部分都是節(jié)點(diǎn)，整個文檔被定義為一個文檔節(jié)點(diǎn)，每個標(biāo)簽是一個元素節(jié)點(diǎn)，包含在元素中的文本是文本節(jié)點(diǎn)，每一個元素的屬性是一個屬性節(jié)點(diǎn)。如下：
1）整個文檔是一個文檔節(jié)點(diǎn)
2）每個 HTML 元素是元素節(jié)點(diǎn)
3）HTML 元素內(nèi)的文本是文本節(jié)點(diǎn)
4）每個 HTML 屬性是屬性節(jié)點(diǎn)
5）注釋是注釋節(jié)點(diǎn)
HTML DOM 將 HTML 文檔視作樹結(jié)構(gòu)。這種結(jié)構(gòu)被稱為節(jié)點(diǎn)樹，這時一個非常形象的比喻，根節(jié)點(diǎn)就是html，主干就是body等，枝干就是body內(nèi)含的各種元素節(jié)點(diǎn)，葉子和花就是元素節(jié)點(diǎn)關(guān)聯(lián)的元素的屬性（屬性節(jié)點(diǎn)）或內(nèi)含文本（文本節(jié)點(diǎn)）。
通過 HTML DOM，樹中的所有節(jié)點(diǎn)均可通過 JavaScript 進(jìn)行訪問。所有 HTML 元素（節(jié)點(diǎn)）均可被修改，也可以創(chuàng)建或刪除節(jié)點(diǎn)。節(jié)點(diǎn)樹中的節(jié)點(diǎn)彼此擁有層級關(guān)系。父（parent）、子（child）和同胞（sibling）等術(shù)語用于描述這些關(guān)系。父節(jié)點(diǎn)擁有子節(jié)點(diǎn)。同級的子節(jié)點(diǎn)被稱為同胞（兄弟或姐妹）。
網(wǎng)頁文檔，可以說是由元素組合而成的，也可以說是由節(jié)點(diǎn)連接而成的樹構(gòu)造的。節(jié)點(diǎn)是文檔樹結(jié)構(gòu)中特有的名詞，元素是節(jié)點(diǎn)，但是節(jié)點(diǎn)不一定是元素，節(jié)點(diǎn)還有文檔節(jié)點(diǎn)、文本節(jié)點(diǎn)、屬性節(jié)點(diǎn)等；元素是元素節(jié)點(diǎn)的擴(kuò)展，元素可以擁有屬性還有文本。初學(xué)者不是很必要糾結(jié)元素和節(jié)點(diǎn)的區(qū)別，這個需要甚至數(shù)據(jù)結(jié)構(gòu)、類和繼承等知識。可大致理解為，同一個html dom對象，提供的兩個不同接口。如下的程序，你會發(fā)現(xiàn)，他既有支持node（節(jié)點(diǎn)）的相關(guān)屬性和方法，也提供了element（元素）的相關(guān)屬性和方法。
Sub MYNZ()
Dim ie, dmt, bd
Set ie = CreateObject("InternetExplorer.Application") '創(chuàng)建一個IE對象
With ie
.Visible = True '顯示它
.navigate "http://www.baidu.com" '加載某個頁面
Do Until .ReadyState = 4 '等待頁面加載完畢
DoEvents
Loop
Set dmt = .document '將IE瀏覽器加載的頁面文檔，賦予dmt變量
Set bd = dmt.body '將文檔的body賦予bd變量
End With
End Sub
代碼截圖：
按F8鍵運(yùn)行截圖：
屬性是節(jié)點(diǎn)（HTML 元素）的值，您能夠獲取或設(shè)置。所有 HTML 元素被定義為對象，而編程接口則是對象方法和對象屬性。我們看看下面一些常見的屬性：
1）innerHTML 屬性 對象內(nèi)部的HTML代碼，是獲取元素內(nèi)容的最簡單方法。innerHTML 屬性對于獲取或替換 HTML 元素的內(nèi)容很有用。
下面的代碼獲取 id="intro" 的 <p> 元素的 innerHTML：
<script>
var txt=document.getElementById("intro").innerHTML;
document.write(txt);
2）OuterHtml：對象的HTML代碼，包括對象本身的HTML標(biāo)簽
3）innerText：對象內(nèi)部的文本
4）OuterText：對象的文本，包括對象本身的文本
5）nodeName 屬性 nodeName 屬性規(guī)定節(jié)點(diǎn)的名稱。
nodeName 是只讀的
元素節(jié)點(diǎn)的 nodeName 與標(biāo)簽名相同
屬性節(jié)點(diǎn)的 nodeName 與屬性名相同
文本節(jié)點(diǎn)的 nodeName 始終是 #text
文檔節(jié)點(diǎn)的 nodeName 始終是 #document
注釋：nodeName 始終包含 HTML 元素的大寫字母標(biāo)簽名。
6）nodeValue 屬性 nodeValue 屬性規(guī)定節(jié)點(diǎn)的值。
元素節(jié)點(diǎn)的 nodeValue 是 undefined 或 null
文本節(jié)點(diǎn)的 nodeValue 是文本本身
屬性節(jié)點(diǎn)的 nodeValue 是屬性值
7）nodeType 屬性 nodeType 屬性返回節(jié)點(diǎn)的類型。nodeType 是只讀的。
比較重要的節(jié)點(diǎn)類型有：
元素類型 NodeType
元素 1
屬性 2
文本 3
注釋 8
文檔 9
以上只是給出了屬性值，大家在使用的時候要注意。
本節(jié)知識點(diǎn)回向：
什么是HTML DOM文檔的屬性，常用的屬性有哪些。
本節(jié)參考文件：008工作表.xlsm
在我的系列書籍中一直在強(qiáng)調(diào)"搭積木"的編程思路，這也是學(xué)習(xí)利用VBA的主要方法，特別是職場人員，更是要采用這種方案。其主要的內(nèi)涵：
1 代碼不要自己全部的錄入。你要做的是把積木放在合適的位置然后去修正代碼，一定要拷貝，從你的積木庫中去拷貝，然后修正代碼，把時間利用到高效的思考上。
2 建立自己的"積木庫"。平時在學(xué)習(xí)過程中，把自己認(rèn)為有用的代碼放在一起，多積累，在用到的時候，可以隨時拿來。你的積木庫資料越多，你做程序的思路就會越廣。
VBA是利用Office實(shí)現(xiàn)個人小型辦公自動化的有效手段（工具）。這是我對VBA的應(yīng)用界定。在取代OFFICE新的辦公軟件沒有到來之前，誰能在數(shù)據(jù)處理方面做到極致，誰就是王者。其中登峰至極的技能非VBA莫屬！
我記得20年前自己初學(xué)VBA時，那時的資料甚少，只能看源碼自己琢磨,真的很難。20年過去了，為了不讓學(xué)習(xí)VBA的朋友重復(fù)我之前的經(jīng)歷，我根據(jù)自己多年VBA實(shí)際利用經(jīng)驗，推出了六部VBA專門教程：
第一套：VBA代碼解決方案 是VBA中各個知識點(diǎn)的講解，教程共147講，覆蓋絕大多數(shù)的VBA知識點(diǎn)，初學(xué)必備；
第二套：VBA數(shù)據(jù)庫解決方案 數(shù)據(jù)庫是數(shù)據(jù)處理的專業(yè)利器，教程中詳細(xì)介紹了利用ADO連接ACCDB和EXCEL的方法和實(shí)例操作，適合中級人員的學(xué)習(xí)。
第三套：VBA數(shù)組與字典解決方案 數(shù)組和字典是VBA的精華，字典是VBA代碼水平提高的有效手段，值得深入的學(xué)習(xí)，是初級及中級人員代碼精進(jìn)的手段。
第四套：VBA代碼解決方案之視頻 是專門面向初學(xué)者的視頻講解，可以快速入門，更快的掌握這門技能。這套教程是第一套教程的視頻講解，聽元音更易接受。
第五套：VBA中類的解讀和利用 這是一部高級教程，講解類的虛無與肉身的度化，類的利用雖然較少，但仔細(xì)的學(xué)習(xí)可以促進(jìn)自己VBA理論的提高。這套教程的領(lǐng)會主要是讀者的領(lǐng)悟了，領(lǐng)悟一種佛學(xué)的哲理。
第六套教程：《VBA信息獲取與處理》，這是一部高級教程，涉及范圍更廣，實(shí)用性更強(qiáng)，面向中高級人員。教程共二十個專題，包括：跨應(yīng)用程序信息獲得、隨機(jī)信息的利用、電子郵件的發(fā)送、VBA互聯(lián)網(wǎng)數(shù)據(jù)抓取、VBA延時操作，剪切板應(yīng)用、Split函數(shù)擴(kuò)展、工作表信息與其他應(yīng)用交互，F(xiàn)SO對象的利用、工作表及文件夾信息的獲取、圖形信息的獲取以及定制工作表信息函數(shù)等等內(nèi)容。
大家可以根據(jù)以上資料1→3→2→6→5或者是4→3→2→6→5的順序逐漸深入的逐漸學(xué)習(xí)。教程提供講解的同時提供了大量的積木，如需要可以WeChat: NZ9668
如太白詩云：眾鳥高飛盡，孤云獨(dú)去閑。相看兩不厭，只有敬亭山。學(xué)習(xí)的過程也是修心的過程，修一個平靜的心。在代碼的世界中，心平靜了，心情好了，身體自然而然就好。心靜則正，內(nèi)心里沒有那么多邪知邪見，也就沒有那么多妄想。利人就是利己。這些教程也是為幫助大家起航，助上我自己之力，我的上述教程是我多的經(jīng)驗的傳遞，
"水善利萬物而不爭"，綿綿密密，微則無聲，巨則洶涌。學(xué)習(xí)亦如此，知道什么是自己所需要的，不要蜷縮在一小塊自認(rèn)為天堂的世界里，待到暮年時再去做自欺欺人的言論。要努力提高自己，用一顆充滿生機(jī)的心靈，把握現(xiàn)在，這才是進(jìn)取。越是有意義的事情，困難會越多。愿力決定始終，智慧決定成敗。不管遇到什么，都是風(fēng)景。看淡紛爭，看輕得失。茶，滿也好，少也好，不要計較；濃也好，淡也好，其中自有值得品的味道。去感悟真實(shí)的時間，靜下心，多學(xué)習(xí)，積累福報。而不是天天混日子，也不是天天熬日子。在后疫情更加嚴(yán)峻的存量殘殺世界中，為自己的生存進(jìn)行知識的儲備，特別是新知識的儲備。學(xué)習(xí)時微而無聲，利用時則巨則洶涌。
每一分收獲都是成長的記錄，怎無憑，正是這種執(zhí)著，成就了朝霞的燦爛。最后將一闕詞送給致力于VBA學(xué)習(xí)的朋友,讓大家感受一下學(xué)習(xí)過程的枯燥與執(zhí)著：
浮云掠過，暗語無聲，
唯有清風(fēng)，驚了夢中啼鶯。
望星，疏移北斗，
奈將往事雁同行。
阡陌人，昏燈明暗，
忍顧長亭。
多少VBA人，
暗夜中，悄聲尋夢，盼卻天明。
怎無憑！
回向?qū)W習(xí)利用VBA的歷歷往事，不勝感慨，謹(jǐn)以這些文字給大家，分享我多年工作實(shí)際經(jīng)驗的成果，隨喜這些有用的東西，給確實(shí)需要利用VBA的同路人。
分享成果，隨喜正能量
、通常訪問的網(wǎng)站是保存在遠(yuǎn)程的服務(wù)器還是本地電腦，你是怎么判斷的？
保存在遠(yuǎn)程的服務(wù)器，判斷的標(biāo)準(zhǔn)和依據(jù)在網(wǎng)絡(luò)是否連通的情況下能否正常訪問。
二、什么叫服務(wù)器？
一臺運(yùn)行在網(wǎng)絡(luò)上有著專門的用途計算機(jī)。比如網(wǎng)站服務(wù)器、數(shù)據(jù)庫服務(wù)器、FTP服務(wù)器、游戲服務(wù)器、通訊服務(wù)器、多媒體服務(wù)器、教學(xué)服務(wù)器、……。
三、搭建屬于我們自己的網(wǎng)站服務(wù)器
安裝IIS(Internet Information Server)或APACHE來幫我們管理網(wǎng)站。
四、其他知識點(diǎn)：
1、IT，Information Technoligy，信息技術(shù)。包含硬件、通信、網(wǎng)絡(luò)、數(shù)據(jù)傳輸、軟件開發(fā)等領(lǐng)域。
2、查看本機(jī)的IP地址： 開始->運(yùn)行 (windows+R)->cmd->ipconfig /all
3、WINDOWS NT:New Technoligy，新技術(shù)。包含me、95、98、XP、VISTA、2000、2003、2008、2012、2013、7。
4、UNIX:MAC IOS、ANDROID、LINUX、RED HAT LINUX。
5、打開控制面板：windows+r->control
6、IIS運(yùn)行快捷鍵：windows+r->inetmgr (internet managerment root)
7、WEB:網(wǎng)頁，是一個單獨(dú)的頁面，擴(kuò)展名可以是xxx.html、xxx.htm、xxx.jsp、xxxx.aspx、……。
8、WEBSITE：網(wǎng)站，圍繞一個主題所有網(wǎng)頁的集群。
9、本機(jī)的IP地址：127.0.0.1，或本機(jī)的域名：localhost
10、域名：本身就是一個無意義的字符串，只是為了方便人們記憶和訪問對應(yīng)的網(wǎng)站而提出的概念。
11、測試網(wǎng)絡(luò)是否連通指令：ping 目標(biāo)域名。
12、網(wǎng)站訪問請求相應(yīng)的流程：
第一大歷史階段的流程
WEB2.0階段而是這樣的流程
13、訪問完整流程格式：
以訪問www.cwhello.com，由域名提供商解析成完成在以下格式
http://服務(wù)器IP地址:端口/訪問網(wǎng)站下具體哪一個頁面，例如：
http://123.112.113.114:80/index.php
http:// 超文本傳輸協(xié)議，訪問服務(wù)器的前綴，代表訪問的是網(wǎng)站，而不是其他的。又比如ftp:// 文件傳輸協(xié)議，代表訪問的服務(wù)器是文件服務(wù)器。
端口(Port)：就相當(dāng)于剛才例子的水龍頭，控制資源的打開與關(guān)閉。默認(rèn)web 80，和前綴一起省略；ftp 21、MS SQL 1433、mysql 3306
首頁（扉頁）：在網(wǎng)站中，選擇其中一個頁面布局、設(shè)計非常精美，讓用戶留下美好的影響，類似與門面，這個頁面稱為首頁。一般起名為index.xxxx、default.xxx。在服務(wù)器中可以進(jìn)行設(shè)置，順序是從上往下。
14、訪問控制
目錄瀏覽權(quán)限：沒有設(shè)置首頁，訪問時直接指明域名，會顯示網(wǎng)站路徑。
訪問網(wǎng)站常見的錯誤代碼
404 路徑錯誤
500 內(nèi)部代碼錯誤，比如PHP等
15、API，Application Programm Interface，應(yīng)用程序接口。
16、DLL，Dynamic Linked Libarary，動態(tài)鏈接庫。
17、PHP最佳運(yùn)行環(huán)境：LAMP=Linux +Apache+Mysql+PHP
WAMP=WINDOWS+APache+Mysql+php
18、APACHE安裝配置：
默認(rèn)網(wǎng)站根目錄是 安裝目錄/htdocs 下
配置文件 安裝目錄/conf/httpd.conf
修改配置文件可以實(shí)現(xiàn)：
網(wǎng)站根目錄documentroot ，路徑設(shè)置不能有反斜杠\，修改網(wǎng)站根目錄以后默認(rèn)沒有訪問，解決辦法：
1.修改directory 節(jié)點(diǎn)后面的路徑為網(wǎng)站根目錄
2.或者直接修改directory節(jié)點(diǎn)下權(quán)限allow from all
修改端口：listen 1234
首頁支持：directoryindex index.html index.php
添加對PHP的解析：
LoadModule ph5_module “對應(yīng)版本apache的動態(tài)鏈接庫”
AddType application/x-httpd-php .php
HTML 使用超級鏈接與網(wǎng)絡(luò)上的另一個文檔相連。幾乎可以在所有的網(wǎng)頁中找到鏈接。點(diǎn)擊鏈接可以從一張頁面跳轉(zhuǎn)到另一張頁面。
HTML 鏈接
如何在HTML文檔中創(chuàng)建鏈接。
(可以在本頁底端找到更多實(shí)例)
HTML 超鏈接（鏈接）
HTML使用標(biāo)簽 <a>來設(shè)置超文本鏈接。
超鏈接可以是一個字，一個詞，或者一組詞，也可以是一幅圖像，您可以點(diǎn)擊這些內(nèi)容來跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個部分。
當(dāng)您把鼠標(biāo)指針移動到網(wǎng)頁中的某個鏈接上時，箭頭會變?yōu)橐恢恍∈帧?/p>
在標(biāo)簽<a> 中使用了href屬性來描述鏈接的地址。
默認(rèn)情況下，鏈接將以以下形式出現(xiàn)在瀏覽器中：
一個未訪問過的鏈接顯示為藍(lán)色字體并帶有下劃線。
訪問過的鏈接顯示為紫色并帶有下劃線。
點(diǎn)擊鏈接時，鏈接顯示為紅色并帶有下劃線。
注意：如果為這些超鏈接設(shè)置了 CSS 樣式，展示樣式會根據(jù) CSS 的設(shè)定而顯示。
HTML 鏈接語法
鏈接的 HTML 代碼很簡單。它類似這樣：:
<a href="url">鏈接文本</a>
href 屬性描述了鏈接的目標(biāo)。.
實(shí)例
<a >訪問菜鳥教程</a>
上面這行代碼顯示為：: 訪問菜鳥教程
點(diǎn)擊這個超鏈接會把用戶帶到菜鳥教程的首頁。
提示: "鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。
HTML 鏈接 - target 屬性
使用 target 屬性，你可以定義被鏈接的文檔在何處顯示。
下面的這行會在新窗口打開文檔：
實(shí)例
<a>訪問菜鳥教程!</a>
HTML 鏈接- id 屬性
id屬性可用于創(chuàng)建在一個HTML文檔書簽標(biāo)記。
提示: 書簽是不以任何特殊的方式顯示，在HTML文檔中是不顯示的，所以對于讀者來說是隱藏的。
實(shí)例
在HTML文檔中插入ID:
<a id="tips">有用的提示部分</a>
在HTML文檔中創(chuàng)建一個鏈接到"有用的提示部分(id="tips"）"：
<a href="#tips">訪問有用的提示部分</a>
或者，從另一個頁面創(chuàng)建一個鏈接到"有用的提示部分(id="tips"）"：
<a >
訪問有用的提示部分</a>
基本的注意事項 - 有用的提示
注釋： 請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接：，就會向服務(wù)器產(chǎn)生兩次 HTTP 請求。這是因為服務(wù)器會添加正斜杠到這個地址，然后創(chuàng)建一個新的請求，就像這樣：。
圖片鏈接
如何使用圖片鏈接。
在當(dāng)前頁面鏈接到指定位置
如何使用書簽
跳出框架
本例演示如何跳出框架，假如你的頁面被固定在框架之內(nèi)。
創(chuàng)建電子郵件鏈接
本例演示如何如何鏈接到一個郵件。（本例在安裝郵件客戶端程序后才能工作。）
建電子郵件鏈接 2
本例演示更加復(fù)雜的郵件鏈接。
HTML 鏈接標(biāo)簽
| 標(biāo)簽 | 描述 |
|---|---|
| <a> | 定義一個超級鏈接 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
