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實現導航條之調用網頁助手小精靈的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！