1.概述
在網站中加入網頁助手小精靈，當用戶訪問網站時，向用戶問好，或是傳遞一些網站的重要信息，不僅可以幫助用戶快速了解網站，而且可以讓用戶對該網站留下深刻的印象。本實例將介紹通過JavaScript調用網頁助手小精靈的方法。
2.技術要點
本實例主要通過Microsoft的ActiveX組件Microsoft Agent實現。 Microsoft Agent提供了很多控制Agent角色的方法，下面進行詳細介紹。
a. Load()方法：用於讀入要使用的角色，該方法包括兩個參數，一個用於指定角色的姓名，另一個用於指定角色存儲的文件。
b. Show()方法：用於使角色顯示在屏幕上。
c. Hide()方法：用於隱藏角色。
d. Speak()方法：用於實現角色說話，該方法有一個參數，用於指定說話的內容。
e. MoveTo ()方法：用於將角色移動到屏幕的指定位置，該方法有兩個參數，一個用於指定x軸的坐標，另一個用於指定y軸的坐標。
f. Play()方法：用於指定要播放的動畫，該方法只有一個參數，用於指定表示動畫的字符串，其值包括Announce、Explain、Congratulate、greet、Gestureright、Gestureleft、Gesturedown、Gestureup、Pleased和Read等。
3.具體實現
（1）在需要顯示網頁助手小精靈的頁面的<head>標記中，編寫自定義的JavaScript函數loadAgent()，用於裝入要使用的角色。 loadAgent()函數的具體代碼如下：
<script language="javascript">function loadAgent(id){ try{ id=new ActiveXObject("Agent.Control.2"); //創建一個ActiveX控件id.Connected = true; id.Characters.Load("MrAgent","merlin.acs"); //裝入要使用的角色return id; }catch (err){ return false; } }</script>（2）loadAgent()函數的後面編寫一個自定義的JavaScript函數controlAgent()，用於調用並控製網頁助手小精靈，controlAgent()函數的具體代碼如下：
function controlAgent(){ if (agent=loadAgent("agent")){ var mrAgentID="MrAgent"; mrAgent = agent.Characters.Character(mrAgentID); //獲取助手對象mrAgent.MoveTo(200,200); //移動助手mrAgent.Show(); //顯示助手mrAgent.Play("Explain"); //做解釋的手勢mrAgent.Speak("歡迎來到明日科技網站！"); //提示語mrAgent.Play("Gestureright"); //右手做手勢mrAgent.Play("Pleased"); //做請的手勢mrAgent.Speak("我們的網址：www.cccxy.com"); //提示語mrAgent.Hide(); //隱藏助手mrAgent.MoveTo(600,300); //移動助手mrAgent.Show(); //顯示助手mrAgent.Play("Explain"); //做解釋的手勢mrAgent.Play("Read") //作出讀書的動作mrAgent.Speak("我們會熱心解決您學習過程中遇到的疑問"); //提示語mrAgent.Play("Idle1_1"); //做出無所事事的樣子mrAgent.Play("Gestureright"); //右手做手勢mrAgent.Speak("記住我們的網址：www.cccxy.com"); //提示語mrAgent.Play("greet"); //問候mrAgent.Speak("感謝您的到來"); //提示語mrAgent.Play("Idle2_2"); //做出無所事事的樣子mrAgent.Hide(); //隱藏助手} }（3）編寫JavaScript代碼，實現在頁面載入後調用並控製網頁助手小精靈，具體代碼如下：
window.onload=function(){ controlAgent(); //調用並控製網頁助手小精靈}以上所述是小編給大家介紹的基於JS實現導航條之調用網頁助手小精靈的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！