网页css js 抓取助手( 基于js代码是如何调用网页助手小精灵的呢？(图))

　　网页css js 抓取助手(

基于js代码是如何调用网页助手小精灵的呢？(图))

　　基于JS调用web助手向导实现导航栏的方法

　　更新时间：2016-06-17 14:55:25 作者：柯南&

　　为网站添加web助手精灵，当用户访问网站时，向用户打招呼，或者传递网站的一些重要信息，给用户带来极好的体验感，那么如何调用基于js代码的web助手精灵？让我们一起学习脚本屋编辑器

　　1.概览

　　为网站添加web助手向导，当用户访问网站时，向用户打招呼，或者传递网站的一些重要信息，不仅可以帮助用户快速了解网站 >，并且可以通过 网站 给用户留下深刻印象。本例将介绍通过 JavaScript 调用网络助手向导的方法。

　　2.技术要点

　　这个例子主要是通过微软的ActiveX组件Microsoft Agent来实现的。Microsoft Agent 提供了很多方法来控制 Agent 的角色，下面将详细介绍。

　　一个。load() 方法：用于读取要使用的角色，该方法收录两个参数，一个用于指定角色的名称，另一个用于指定角色存储的文件。

　　湾。Show() 方法：用于在屏幕上显示字符。

　　C。Hide() 方法：用于隐藏字符。

　　d。Speak() 方法：用于实现字符朗读，该方法有一个参数来指定朗读的内容。

　　e. MoveTo()方法：用于将字符移动到屏幕上的指定位置，该方法有两个参数，一个用于指定x轴坐标，另一个用于指定y轴坐标轴。

　　F。Play() 方法：用于指定要播放的*敏*感*词*。该方法只有一个参数，用于指定表示*敏*感*词*的字符串。它的值包括Announce、Explain、Congratulate、greet、Gestureright、Gestureleft、Gesturedown、Gestureup、Pleased和Read等。

　　3.具体实现

　　(1）在需要显示网络助手精灵的页面的标记中编写自定义JavaScript函数loadAgent()来加载要使用的角色。loadAgent()函数的具体代码如下：

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;

}

}

　　（在2）loadAgent()函数后面写了一个自定义的JavaScript函数controlAgent()来调用和控制web助手向导，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代码调用和控制web助手向导。具体代码如下：

window.onload=function(){

controlAgent(); //调用并控制网页助手小精灵

}

　　以上就是小编介绍的基于JS实现导航栏调用web助手精灵的方法。我希望它对你有帮助。如有任何问题，请给我留言，小编会及时回复您。还要感谢大家对脚本之家网站的支持！