[發明專利]搜尋互動元素以執行對應腳本的系統及其方法

有效

• 申請號: 201010163258.5
• 申請日: 2010-04-30
• 公開（公告）號: CN102236546A
• 公開（公告）日: 2011-11-09
• 發明（設計）人: 邱全成;方慧
• 申請（專利權）人: 英業達股份有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F17/30
• 代理公司: 北京市浩天知識產權代理事務所 11276
• 代理人: 劉云貴;劉海英

技術領域

一種腳本執行系統及其方法，特別是指一種搜尋互動元素以執行對應腳本的系統及其方法。

背景技術

在開發網頁時，往往都需要依賴許多具有專業知識與技術的人員運用特定的應用軟件在電腦上進行網頁的編輯，在網頁完成編輯之后，再由開發人員將網頁上傳至提供網站服務的服務器。

早期的網頁主要是由超文本標記語言(HyperText?Markup?Language，HTML)語法與腳本(script)組成，網頁的開發人員大多是程序設計師，不過近來由于樣式表(CSS)在網頁中被大量的使用，因此網頁的開發人員除了程序設計師之外，也增加了與程序設計師的專業領域完全不相同的視覺設計師。因此，目前網頁開發的流程通常是由視覺設計師制作好加入了樣式語法的網頁后，交由程序設計師在該網頁中撰寫給瀏覽器以及給服務器上執行的程序。

不過，由于在網頁開發的過程中，網頁所呈現出來的畫面以及提供操作的功能會不斷的調整，此外，因為網頁的原始碼并非由同一個人編輯，而是由視覺設計師以及程序設計師共同開發，因此，當視覺設計師以及程序設計師對網頁的原始碼進行一次又一次的編輯之后，網頁的原始碼會越來越雜亂，在這樣的情況下，一旦網頁所要呈現的畫面或程序碼的復雜度提高，網頁的原始碼會變的越來越長，以越來越復雜，如此，視覺設計師不易修改網頁中的樣式語法，而程序設計師也不易修改網頁中的腳本。另外，由于視覺設計師通常不熟悉腳本語法、程序設計師可能不熟悉樣式語法，所以，當視覺設計師與程序設計師在修改網頁的原始碼時，往往不敢刪除不熟悉的腳本語法或樣式語法，如此將容易造成網頁的原始碼中出現多余的腳本語法或樣式語法。

綜上所述，可知現有技術中長期以來一直存在同時包含HTML語法、樣式語法以及腳本語法的網頁原始碼不易維護且容易出現多余語法的問題，因此有必要提出改進的技術手段，來解決此一問題。

發明內容

有鑒于現有技術存在同時包含HTML語法、樣式語法以及腳本語法的網頁原始碼不易維護且容易出現多余語法的問題，本發明于是公開一種搜尋互動元素以執行對應腳本的系統及其方法，其中：

本發明所公開的搜尋互動元素以執行對應腳本的系統，至少包含：輸入模塊；網頁載入模塊，用以載入包含至少一腳本函數的目標網頁，目標網頁的標簽中不包含腳本語法；網頁處理模塊，用以依據目標網頁中的腳本產生元素搜尋單元以及腳本執行單元，元素搜尋單元用以于目標網頁中搜尋包含被輸入模塊所觸發的互動事件的元素，腳本執行單元用以使用元素執行對應互動事件的腳本函數并產生執行結果；顯示模塊，用以顯示網頁載入模塊所載入的目標網頁，及用以依據執行結果變更顯示目標網頁。

本發明所公開的搜尋互動元素以執行對應腳本的系統，其中，元素搜尋單元為XML路徑語言(XML?Path?Language，XPath)迭代器及/或CSS迭代器；互動事件為光標移動至元素、光標移出元素、光標點擊元素；執行結果為元素的內容的顯示或隱藏及/或元素的屬性的改變。

本發明所公開的搜尋互動元素以執行對應腳本的系統，其中，目標網頁還可以包含記錄腳本函數的函數檔的連結，網頁載入模塊更用以依據函數檔的連結載入函數檔；目標網頁也可以包含記錄所使用的樣式語法的樣式檔的連結，網頁載入模塊更用以依據樣式檔的連結載入樣式檔。

本發明所公開的搜尋互動元素以執行對應腳本的方法，其步驟至少包括：載入包含至少一腳本函數的目標網頁，目標網頁的標簽中不包含腳本語法；顯示目標網頁；觸發目標網頁中的元素所包含的互動事件；于目標網頁中搜尋元素；使用元素執行與互動事件對應的腳本函數，借以產生執行結果；依據執行結果變更顯示目標網頁。

本發明所公開的搜尋互動元素以執行對應腳本的方法，其中，載入包含腳本函數的目標網頁的步驟可以包含依據目標網頁中，記錄函數檔的連結，載入包含腳本函數的函數檔的步驟，或包含依據目標網頁中，記錄樣式檔的連結，載入包含樣式語法的樣式檔的步驟。

本發明所公開的搜尋互動元素以執行對應腳本的方法，其中，依據執行結果變更顯示目標網頁的步驟為顯示或隱藏元素的內容及/或顯示由執行結果所改變的元素的屬性。

本發明所公開的系統與方法如上，與現有技術之間的差異在于本發明通過在目標網頁中加入元素搜尋單元，在目標網頁中的互動事件被觸發后，元素搜尋單元會搜尋出包含被觸發的互動事件的元素，使得與互動事件對應的腳本語法被執行，借以解決現有技術所存在的問題，并可以達成提高開發/維護網頁與程序碼的效率的技術功效。

附圖說明

圖1為本發明所提的搜尋互動元素以執行對應腳本的系統架構圖。