基于JS实现导航条之调用网页助手小精灵的方法资源-CSDN文库

179 浏览量 2020-11-24 02:02:48 上传评论收藏 52KB PDF 举报

1.概述在网站中加入网页助手小精灵，当用户访问网站时，向用户问好，或是传递一些网站的重要信息，不仅可以帮助用户快速了解网站，而且可以让用户对该网站留下深刻的印象。本实例将介绍通过JavaScript调用网页助手小精灵的方法。 2.技术要点本实例主要通过Microsoft的ActiveX组件Microsoft Agent实现。Microsoft Agent提供了很多控制Agent角色的方法，下面进行详细介绍。 a. Load()方法：用于读入要使用的角色，该方法包括两个参数，一个用于指定角色的姓名，另一个用于指定角色存储的文件。 b. Show()方法：用于使角色显示在屏在本文中，我们将深入探讨如何使用JavaScript来实现一个网页助手小精灵，以便在用户访问网站时提供互动体验。网页助手小精灵通常是一个动画角色，它能够与用户进行交互，如打招呼、提供信息或引导用户浏览网站。这个功能的实现主要依赖于Microsoft的ActiveX组件——Microsoft Agent。我们要理解JavaScript在其中的角色。JavaScript是一种广泛应用于网页开发的脚本语言，它可以动态地操作网页元素，包括创建、修改和控制如网页助手这样的交互式内容。在本实例中，我们利用ActiveXObject，这是一个在Internet Explorer浏览器中特有的对象，允许JavaScript与ActiveX控件进行交互。 1. **Load()方法**：这是用来加载要使用的角色的关键步骤。`Characters.Load()`方法接收两个参数，第一个参数是角色的名称，第二个参数是包含角色数据的文件路径。例如，`id.Characters.Load("MrAgent","merlin.acs");` 加载名为"MrAgent"的角色，角色数据存储在"merlin.acs"文件中。 2. **Show()和Hide()方法**：`Show()`方法用于将角色显示在屏幕上，而`Hide()`方法则将其隐藏。例如，`mrAgent.Show();` 和 `mrAgent.Hide();` 分别用于显示和隐藏角色。 3. **Speak()方法**：通过`Speak()`方法，我们可以让角色说出指定的文本。例如，`mrAgent.Speak("欢迎来到明日科技网站！");` 让角色说出欢迎语。 4. **MoveTo()方法**：此方法允许我们移动角色到屏幕上的特定位置。`MoveTo(x, y)` 参数分别代表x轴和y轴的坐标。例如，`mrAgent.MoveTo(200,200);` 将角色移动到屏幕的(200, 200)位置。 5. **Play()方法**：`Play()`方法用于触发角色执行特定的动画或动作。例如，`mrAgent.Play("Explain");` 让角色做出解释的动作。在实际实现中，我们需要在HTML的<head>部分定义JavaScript函数，如`loadAgent()`用于加载角色，`controlAgent()`用于控制角色的行为。`window.onload`事件监听器确保页面完全加载后才执行`controlAgent()`函数，以确保所有必要的资源都已就绪。在`controlAgent()`函数中，我们首先调用`loadAgent()`检查是否成功创建了ActiveXObject，并获取到角色对象。然后，我们使用`MoveTo()`、`Show()`、`Play()`和`Speak()`等方法控制角色的位置、可见性、动作和语音输出，以实现与用户的交互。值得注意的是，由于Microsoft Agent是基于ActiveX的，这意味着它仅在支持ActiveX的浏览器（主要是Internet Explorer）中工作。对于现代浏览器和跨平台支持，可能需要使用其他技术，如HTML5的Web Speech API或第三方库来实现类似的功能。总结来说，通过JavaScript调用网页助手小精灵的方法，可以为网站增添生动的交互元素，提升用户体验。然而，考虑到兼容性和安全性问题，开发者在实际应用中可能需要考虑使用更现代的技术栈来实现类似的功能。

资源详情

资源评论

资源推荐

基于基于JS实现导航条之调用网页助手小精灵的方法实现导航条之调用网页助手小精灵的方法

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()函数的具体代码如下：

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(); //隐藏助手

}

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论收藏

内容反馈

weixin_38640117

粉丝: 1
资源: 926

基于JS实现导航条之调用网页助手小精灵的方法

评论0

最新资源

基于JS实现导航条之调用网页助手小精灵的方法

评论0

基于c#实现的webapi调用软件

JS调用C#后台方法

实现类似office助手的小精灵

QT5.9 利用 QWebEngineView / QWebChannel 调用JS程序实现QT与HTML网页数据交互，加载百度地图并与地图交互数据

HTML调用JS实现多项滑动门选项卡特效

LabVIEWLabview调用翻译助手.rar

js调用C#方法

JavaScript与安卓交互之JS调用安卓方法

cefsharp JavaScript调用C#方法并返回参数

springboot整合dwr实现js调用java方法

JS调用DLL实例2

前台JS(Jquery)调用后台方法

网页调用winform桌面程序方法

Winform中使用CefSharp和js互相调用方法

JavaScript实现IFrame子窗口调用父窗口的全局变量

基于Node.js的Python脚本调用方法

js调用java类的方法

基于js实现ctrl+F的页面搜索

android和js相互调用

OC调用JS以及JS调用OC的demo调用JS以及JS调用OC的demo

JS跨域调用Window服务代码示例

unity3d中js调用C#类，混合调用

一个Js文件函数中调用另一个Js文件函数的方法演示

javascript调用delphi中的函数

js调用android本地方法的实现

JS调用c#编写的DLL 源代码

android使用webView实现java程序与js脚本的相互调用

网页JS调用MFC的ActiveX控件函数源代码

UIWebView带返回,关闭,OC代码调用网页js方法,修改div属性

最新资源